Ещё несколько лет назад крупный, во весь экран, заголовок на главной странице сайта воспринимался как смелое дизайнерское решение. Сегодня это скорее норма, чем исключение — многие современные лендинги и портфолио строят весь первый экран вокруг одного крупного текстового заявления.
Причина такой популярности вполне понятна: крупный текст мгновенно считывается, не требует дополнительных иллюстраций для передачи сути страницы и хорошо масштабируется под разные экраны при помощи современных гибких единиц вроде clamp, о которых уже не приходится беспокоиться отдельно для каждого разрешения.
Типографика в такой роли перестаёт быть просто способом передать текст и становится полноценным элементом визуального дизайна — выбор шрифта, его насыщенность, межбуквенное расстояние и расположение на странице начинают играть ту же роль, что раньше играли крупные иллюстрации или фотографии.
Контраст между размером заголовка и остальным текстом страницы стал заметно смелее, чем принято было делать раньше — если раньше заголовок мог быть в два-три раза крупнее обычного текста, сегодня разница в десять и более раз уже не редкость, особенно на первом экране лендинга.
Вариативные шрифты, где один файл содержит сразу диапазон насыщенности и ширины начертания, хорошо сочетаются с этим трендом — они позволяют плавно менять толщину или ширину букв под разные состояния или размеры экрана, не подключая для этого отдельный файл на каждый вариант начертания.
Крупная типографика требует особенно аккуратной работы с адаптивностью — то, что эффектно смотрится на широком мониторе, легко превращается в текст, обрезанный по краям экрана телефона, если не продумать плавное уменьшение размера через относительные единицы или функцию clamp.
Примеры сильных типографических решений в актуальном веб-дизайне собраны в подборках на Awwwards, известной площадке для обзора современных сайтов.
