Typografia odpowiada za znacznie więcej niż charakter marki. Prowadzi wzrok, pokazuje hierarchię, wpływa na tempo czytania i decyduje, czy treść jest dostępna na różnych ekranach. Dobry system nie potrzebuje wielu fontów; potrzebuje konsekwentnych ról, właściwych proporcji i testu z prawdziwymi tekstami.

Krój pisma

Wybierz font czytelny w używanych rozmiarach, z potrzebnym zestawem znaków, wag i licencją webową. Polski tekst wymaga poprawnej obsługi znaków diakrytycznych.

Serif i sans serif

Szeryfowe kroje mogą budować redakcyjny lub klasyczny charakter, a bezszeryfowe często dają neutralny interfejs. Obie grupy mogą być czytelne; liczy się konkretny krój i użycie.

Hierarchia

Nagłówki, tekst, etykiety, cytaty i CTA potrzebują rozróżnialnych ról. Nie opieraj całej hierarchii wyłącznie na wielkości; używaj również wagi, odstępu i położenia.

Rozmiar tekstu

Tekst podstawowy powinien być wygodny bez powiększania, również na telefonie. Małe etykiety mogą działać pomocniczo, ale nie powinny przenosić kluczowych informacji.

Interlinia

Zbyt ciasna utrudnia śledzenie wiersza, a zbyt luźna rozbija akapit. Ustawienie zależy od kroju, rozmiaru, szerokości kolumny i długości tekstu.

Szerokość wiersza

Bardzo szerokie akapity męczą wzrok, a bardzo wąskie tworzą poszarpany rytm. Ogranicz szerokość treści niezależnie od maksymalnego kontenera layoutu.

Kontrast

Kolor tekstu i tła musi zapewniać czytelność w realnych warunkach. Jasnoszary tekst może wyglądać subtelnie na monitorze projektanta, a być nieczytelny na telefonie w słońcu.

Skala responsywna

Nagłówki mogą płynnie zmieniać rozmiar, ale trzeba kontrolować łamanie, długość i ekstremalne szerokości. Testuj polskie słowa, które bywają dłuższe od angielskich odpowiedników.

Fonty webowe i szybkość

Każdy krój i waga zwiększają liczbę zasobów. Ogranicz warianty, używaj właściwych formatów i ustaw zachowanie ładowania, aby tekst nie znikał lub nie przesuwał layoutu.

System tokenów

Zapisz role jako style lub zmienne, zamiast ręcznie ustawiać każdy blok. Spójny system ułatwia lokalizację, CMS, dostępność i późniejsze zmiany marki.

Podsumowanie

Dobra typografia jest niemal niewidoczna, bo treść czyta się bez wysiłku. Charakter marki powinien wzmacniać komunikat, a nie wymagać od odbiorcy poświęcenia czytelności.