title, created, updated, type, tags, sources, confidence
| title |
created |
updated |
type |
tags |
sources |
confidence |
| Web Typography |
2026-06-02 |
2026-06-02 |
concept |
|
| raw/articles/web-design-research.md |
|
high |
Web Typography — Веб-типографика
Иерархия
H1 → H2 → H3 → body → caption. Без иерархии пользователи не могут сканировать.
Размеры
- Body: минимум 16px
- Hero: 300–400px в full-screen hero, 48–72px в обычном контенте
- Межстрочный интервал: 1.4–1.6 для body, 1.1–1.3 для заголовков
- Длина строки: 50–75 символов (65 — оптимум)
Правила
- Не более 2–3 шрифтов на страницу
- Парные шрифты: Serif + Sans-serif или разные веса одной гарнитуры
- CSS Custom Properties для всех типографских значений
- Контраст: 4.5:1 для текста (WCAG AA), 3:1 для заголовков
- Кастомные иконки лучше generic — Crawford: micro details build trust
