Initial commit: 79+ design patterns, LLM prompts, and assets

concepts/web-typography.md

@@ -0,0 +1,28 @@
+---
+title: Web Typography
+created: 2026-06-02
+updated: 2026-06-02
+type: concept
+tags: [web-design, typography]
+sources:
+  - raw/articles/web-design-research.md
+confidence: 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