🎨 Design Systems

Skala typograficzna — co to jest?

Zdefiniowany zestaw rozmiarów czcionek, interlinii i grubości, który tworzy czytelną hierarchię tekstu w interfejsie.

Jak to działa?

Skala typograficzna to Twoja paleta rozmiarów tekstu. Zamiast dobierać rozmiary "na oko", używasz ustalonego zestawu, np. 12, 14, 16, 20, 24, 32, 40px. Każdy rozmiar ma przypisaną interlinię i grubości. Na przykład: body text to 16px/24px regular, heading-3 to 20px/28px semibold, heading-1 to 32px/40px bold. Dobre skale opierają się na proporcji matematycznej, np. 1.25 (Major Third).

Dlaczego to ważne?

Bez ustalonej skali typograficznej każdy projektant dobiera rozmiary inaczej, co prowadzi do chaosu wizualnego i braku hierarchii. Użytkownik nie wie, co jest najważniejsze na stronie.