Типографика на сайте

01 Главная страница #

На главной типографика решает задачу быстрого знакомства. Пользователь за 5 секунд должен понять, чем ты занимаешься и что делать дальше.

• H1 — крупный, в 2–3 раза больше body.
• Подзаголовок — чуть меньше, но всё ещё заметный.
• Кнопка — крупная, контрастная, с понятным текстом.
• Максимум 2 шрифта — больше не нужно.

02 Блог и статьи #

В блоге типографика работает на комфортное чтение. Тут важны интерлиньяж, длина строки и иерархия заголовков.

• Ширина строки: 60–80 символов. Иначе глаз теряется.
• Интерлиньяж: 1.6–1.8 для основного текста.
• Абзацы: короткие. Максимум 5–6 строк.
• Подзаголовки H2/H3 — каждые 300–500 слов.

03 Интерфейсы #

В интерфейсах типографика минималистична: один шрифт, 4–5 размеров, строгая иерархия. Всё лишнее убирается, чтобы пользователь не отвлекался от задачи.