Типографика бренда: выбор и применение шрифтов

С чего начинается разговор о шрифте бренда

Обычно к теме типографики приходят не от любви к буквам, а от проблемы: логотип выглядит дорого, а сайт и презентации — как у всех. Шрифт — это то, что человек видит чаще логотипа: в интерфейсе, в переписке, в рекламе на баннере у дороги. Он формирует ощущение бренда даже тогда, когда цвета и картинки не видны. Именно поэтому выбор гарнитуры — не эстетическое решение дизайнера, а стратегическое решение бизнеса, которое влияет на восприятие профессионализма и скорость чтения текста.

Когда нужен кастомный шрифт, а когда хватит готового

Здесь нет универсального правила «всем нужен свой шрифт» — это миф, который дорого стоит небольшим компаниям. Есть три реальные стратегии, и выбор между ними определяется масштабом бизнеса, уровнем конкуренции и тем, на скольких носителях бренд будет жить.

Яндекс разрабатывал свой Yandex Sans два с половиной года — это не про моду, а про необходимость поддерживать кириллицу, латиницу и множество языков на десятках устройств с одинаковым качеством. Dropbox пошёл ещё дальше и создал Sharp Grotesk с 259 начертаниями, чтобы иметь неограниченную гибкость в масштабировании айдентики — от мобильной иконки до билборда. Если у вас один сайт и офлайн-точка в одном городе, такой инвестиции просто не будет смысла: окупаемость наступает только при глобальном или очень плотном присутствии бренда.

Как выстроить иерархию: три роли в шрифтовой системе

Система из 2-3 гарнитур работает только тогда, когда у каждого шрифта есть чётко закреплённая функция, а не потому что «так рекомендуют статьи».

• Brand Font (заголовочный) — самый выразительный шрифт системы, несёт характер бренда. Используется дозированно: заголовки, слоганы, крупные акценты.
• Reading Font (основной) — нейтральный, максимально читаемый шрифт для больших объёмов текста: статьи, интерфейсы, документы.
• Accent Font (акцидентный) — опциональный третий шрифт для выделения цифр, цитат, ценников или кнопок. Нужен не всегда, и его отсутствие — это нормально, а не недоработка.

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

Мобильная типографика: что меняется на маленьком экране

Десктопные правила типографики на телефоне часто не работают вообще. То, что читается на мониторе за секунду, на экране 6 дюймов превращается в мешанину.

Отдельная тема — Dynamic Type в iOS: система позволяет пользователю увеличивать размер текста в интерфейсе для лучшей читаемости, и если кастомный шрифт бренда не поддерживает это масштабирование, приложение фактически становится недоступным для части аудитории. Это не мелкая техническая деталь, а вопрос доступности продукта, который часто упускают на этапе выбора шрифта для дизайн-системы.

Вариативные шрифты — новый способ решить проблему масштаба

Отдельный тренд последних лет — вариативные (variable) шрифты с осями по ширине, весу и наклону в одном файле. Вместо десятка отдельных начертаний команда получает один гибкий инструмент, который подстраивается под носитель: узкое начертание для мобильного меню, широкое — для билборда. Citymobil Sans, например, использует пять шагов по ширине в рамках одного вариативного шрифта — это заметно облегчает работу дизайнеров и снижает вес файлов на сайте.

Лицензии и технические ловушки

Даже идеально подобранный шрифт может провалиться из-за юридических или технических деталей, о которых не думают на этапе утверждения брендбука.

• Поддержка языков. Если бренд работает на рынках с кириллицей, арабской или азиатской графикой — нужно проверить, есть ли эти начертания у гарнитуры вообще, а не только у латиницы.
• OpenType-функции. Лигатуры, альтернативные цифры, капитель — без них дизайн-система теряет часть заявленной гибкости на практике.
• Веб-производительность. Тяжёлые файлы шрифтов замедляют загрузку сайта; на мобильном интернете это напрямую бьёт по конверсии.
• Права на использование. Лицензия «для сайта» не всегда покрывает приложения, печатную продукцию или встраивание в продукт — это нужно проверять до подписания брендбука, а не после запуска рекламной кампании.

Типичные ошибки, из-за которых типографика не работает

Большинство проблем повторяются от бренда к бренду, и почти все они решаемы на этапе разработки гайдлайна.

1. Использование более трёх гарнитур в системе затрудняет восприятие информации и может портить ощущение профессионализма бренда за счёт усложнения визуальной иерархии.
2. Отсутствие проверки шрифта на разных носителях: то, что красиво выглядит на сайте, может не читаться на упаковке или в интерфейсе приложения.
3. Игнорирование адаптивных параметров для мобильных устройств — фиксированный размер текста без учёта Dynamic Type и других системных настроек.
4. Покупка дорогой лицензии без анализа реального масштаба бизнеса — переплата за возможности, которые никогда не понадобятся.
5. Смешение ролей шрифтов в системе, когда заголовочная гарнитура используется и для длинных текстов, что утомляет читателя и разрушает иерархию.

Типографика бренда работает не тогда, когда шрифт «красивый», а когда он выдерживает нагрузку: десятки языков, сотни экранов, годы использования без потери читаемости. Решение о кастомном шрифте, как и решение о его отсутствии — это всегда вопрос экономики масштаба, а не вкуса дизайнера.