تایپوگرافی
مقیاس یک تصمیم در مورد چگالی است و چهره‌ها یک تصمیم در مورد فونت‌ها: این صفحه نشان می‌دهد که یک شکل چگونه خوانده می‌شود، نه اینکه امروز چه ارزشی دارد. محور فونت‌ها را در پنل اشکال‌زدایی تغییر دهید و همه چیز زیر آن با چهره دیگری بدون تغییر قوانین تنظیم شده است.
خانواده‌ها
--font-family-base
--font-family-heading
--font-family-mono
وزن‌ها
--font-weight-normal — روباه قهوه‌ای سریع بر روی سگ تنبل می‌پرد — 0123456789
--font-weight-medium — روباه قهوه‌ای سریع بر روی سگ تنبل می‌پرد — 0123456789
--font-weight-strong — روباه قهوه‌ای سریع بر روی سگ تنبل می‌پرد — 0123456789
--font-weight-bold — روباه قهوه‌ای سریع بر روی سگ تنبل می‌پرد — 0123456789
مقیاس نوع
سیستم طراحی — بلوک‌های سازنده برای رابط‌های عالی
یک بار در هر صفحه استفاده می‌شود. زمینه اصلی را تنظیم می‌کند. با یک پاراگراف کوتاه همراه است.
تایپوگرافی سلسله‌مراتب و ریتم را تعیین می‌کند
عنوان سطح بخش. محتویات مرتبط را گروه‌بندی می‌کند. معمولاً با متن بدنه یا زیر بخش‌ها دنبال می‌شود.
فاصله و نسبت شکل‌دهنده خوانایی هستند
عنوان زیر بخش. موضوعی متمرکز را در یک بخش معرفی می‌کند.
رنگ و کنتراست چشم را راهنمایی می‌کنند
برای عنوان‌های کارت، بخش‌های نوار کناری یا گروه‌بندی‌های کوچک استفاده می‌شود.
وضعیت‌های تعاملی باید واضح باشند
برچسب‌ها، هدرهای متاداده، گروه‌های کوچک. ظریف اما متمایز از متن بدنه.
دسترس‌پذیری یک ویژگی است، نه یک فکر بعدی
کوچکترین سطح عنوان. به ندرت استفاده شود — برای یادداشت‌های پایینی، بلوک‌های قانونی یا برچسب‌های کمکی.