Typografia
Skala to decyzja dotycząca gęstości, a rodzaje czcionek to decyzja dotycząca typografii: ta strona pokazuje, jak kształt się czyta, a nie co jest warte dzisiaj. Przełącz oś czcionek w panelu debugowania, a wszystko poniżej ustawione jest w innym kroju bez zmiany reguły.
Rodziny
--font-family-base
--font-family-heading
--font-family-mono
Grubości
--font-weight-normal — Szybki brązowy lis skacze nad leniwym psem — 0123456789
--font-weight-medium — Szybki brązowy lis skacze nad leniwym psem — 0123456789
--font-weight-strong — Szybki brązowy lis skacze nad leniwym psem — 0123456789
--font-weight-bold — Szybki brązowy lis skacze nad leniwym psem — 0123456789
Skala typograficzna
System projektowania — Elementy budujące świetne interfejsy
Używane raz na stronę. Ustawia główny kontekst. Połączone z krótkim wprowadzeniem.
Typografia ustanawia hierarchię i rytm
Nagłówek na poziomie sekcji. Grupuje powiązane treści. Zwykle następuje po nim tekst główny lub podsekcje.
Odstępy i proporcje kształtują czytelność
Nagłówek podsekcji. Wprowadza skoncentrowany temat w sekcji.
Kolor i kontrast prowadzą wzrok
Używane do tytułów kart, sekcji w bocznym panelu lub mniejszych grup.
Stany interaktywne muszą być oczywiste
Etykiety, nagłówki metadanych, małe grupy. Subtelne, ale wyraźnie różniące się od tekstu głównego.
Dostępność to cecha, a nie myśl drugoplanowa
Najmniejszy poziom nagłówka. Używaj oszczędnie — do przypisów, bloków prawnych lub etykiet pomocniczych.