Типографіка як інструмент управління увагою

Заголовок розміром 18px губиться серед тексту. Користувач сканує сторінку поглядом, шукаючи точку входу. Не знаходить — закриває вкладку.

Ієрархія шрифтів створює маршрут для ока. H1 — 48px, H2 — 32px, основний текст — 16px. Різниця у два рази між рівнями дає чіткість.

Проблема корпоративних сайтів

Текст виглядає однорідним масивом. Відсутність контрасту між елементами змушує читати все підряд. Це працює для художньої літератури, але не для бізнес-пропозиції.

Line-height 1.6 для основного тексту забезпечує комфортне читання. Для заголовків — 1.2, щоб зберегти компактність. Відстань між абзацами — 24px замість стандартних 16px.

Вимірювання результатів

Heatmaps показують, де зупиняється погляд. Якщо користувачі пропускають важливий блок, проблема у візуальній вазі елементів.

Font-weight 600 для акцентів, 400 для основного тексту. Напівжирний шрифт у кожному реченні знецінює інструмент.

Тестування на різних екранах виявляє, де типографіка ламається. Шрифт, який добре виглядає на 27-дюймовому моніторі, може бути нечитабельним на 13-дюймовому ноутбуці. Адаптивні значення через clamp() вирішують це.