Większość amatorskich projektów rozpoznaje się po typografii. 5 zasad, które wynoszą Twoją stronę z "DIY" do "to chyba robił designer".

Zasada 1: Maksymalnie 2 fonty

Font display (do nagłówków) + font body (do tekstów). Trzeci font = chaos. Wyjątek: ten sam font w różnych grubościach to jeden font, nie trzy.

Zasada 2: Sans-serif do nowoczesnych, serif do klasycznych

Tech, startup, młoda marka → sans-serif (Inter, Manrope, Space Grotesk). Luksus, prawo, tradycja → serif (Playfair, EB Garamond, Cormorant). Restauracja, food → mix wygląda dobrze.

Zasada 3: Pairing — najbezpieczniejsze kombinacje

Inter + Inter (różne wagi). Space Grotesk + Inter. Playfair Display + Source Sans Pro. Fraunces + Inter. Te zestawy NIGDY nie zawodzą.

Zasada 4: Line-height 1.4-1.6 dla body

Tekst < 1.4 line-height = wciśnięty, nieczytelny. > 1.6 = porozdzielany, męczący. Sweet spot: 1.5. Dla nagłówków: 1.1-1.2 (bo i tak duże).

Zasada 5: Maksymalnie 65-75 znaków na linię

Linia 100+ znaków = oko musi szukać początku następnej. Linia < 50 = przeskakuje co 3 słowa. Optymalnie: max-width: 65ch w CSS.

Bonus: skala typograficzna

Nie wymyślaj wielkości na czuja. Użyj skali: 12, 14, 16, 20, 24, 32, 48, 64. Albo modular scale (typescale.com). Konsekwencja = profesjonalizm.

Kluczowe wnioski

  • Max 2 fonty (display + body).
  • Sans-serif = modern, serif = tradycja/luksus.
  • Inter + Inter w różnych wagach = nigdy nie zawiedzie.
  • Line-height 1.5, line-length 65-75 znaków.
  • Skala typograficzna predefiniowana zamiast czuja.

Potrzebujesz wsparcia z tematu tego artykułu?

Zobacz: Projektowanie Stron