Правила применения шрифтов в брендбуке
Что должно быть в разделе типографики: минимум vs то, что реально работает
Большинство брендбуков ограничиваются перечислением гарнитур и парой примеров заголовка с подзаголовком. Этого достаточно для узнаваемости, но недостаточно для того, чтобы дизайнер верстал самостоятельно, без консультаций с автором брендбука.
Рабочий раздел типографики закрывает три уровня:
- Иерархия — сколько уровней заголовков, подзаголовков и текста существует, и какой кегль у каждого для печати и для экрана отдельно;
- Метрика — трекинг (межбуквенный интервал) и интерлиньяж (межстрочный) для каждого уровня, а не общее «не растягивайте буквы»;
- Условия применения — минимальный размер для мелкого текста, выворотки, подписей на упаковке, сносок в договорах.
Без метрики бренд начинает «дышать» по-разному в руках разных исполнителей: один дизайнер интуитивно сжимает межстрочный интервал, другой — растягивает буквы в заголовке для эффекта воздушности. Оба правы по вкусу и оба ошибаются по регламенту.
Печать и цифра — не один и тот же шрифт, а два разных набора правил
Это, пожалуй, главная путаница в брендбуках среднего уровня: гарнитура одна, а физика носителя разная. Бумага впитывает краску, экран излучает свет, и одинаковый кегль на этих носителях читается по-разному.
| Параметр | Печать | Цифровые носители |
|---|---|---|
| Базовый размер основного текста | 9–11 пт | 14–18 пт (десктоп), адаптация под мобильные |
| Минимальный размер рубленых гарнитур | 4 пт монохром / 5 пт цветной | определяется контрастностью и WCAG, обычно не ниже 12px для основного текста |
| Минимальный размер засечек | 5 пт монохром / 6 пт цветной | засечки на экране «съедаются» при масштабировании, использовать с осторожностью ниже 14px |
| Выворотка (светлый текст на темном) | 5–7 пт | требует увеличения кегля на 1-2px относительно обычного текста |
| Межстрочный интервал | в 1,3–1,5 раза больше кегля | в 1,5 раза больше кегля, иногда больше для длинных текстов |
| Цветовая модель файла | CMYK, разрешение 300 dpi | RGB, векторные форматы для логотипа |
Разница в 300 dpi против пиксельной плотности экрана — не техническая деталь для отдела допечатной подготовки, а часть регламента бренда. Если в брендбуке не указана цветовая модель и разрешение, типографика может «доехать» до печати искажённой: серый текст на экране превращается в грязно-коричневый на офсете из-за неправильной конвертации CMYK.
Минимальный размер шрифта: официальная планка и практика
ГОСТ Р ИСО 24509-2021 задаёт вероятность разборчивости 80% при соответствующих условиях просмотра — это ориентир для минимального читаемого размера, а не рекомендация ставить текст именно на этой границе. На практике для цифровой печати минимум — 8 пт, для офсетной — 10 пт, если речь о плотных текстовых блоках вроде инструкций или договоров. Для веба нижняя граница комфортного чтения — 12px для основного текста, при этом с учётом стандартов доступности (WCAG) для аудитории 50+ рекомендуется закладывать не менее 16px и предусматривать возможность масштабирования без потери верстки.
Трекинг и интерлиньяж: почему цифры важнее описаний
Формулировка «используйте плотный трекинг для заголовков» ничего не гарантирует — плотный для одного дизайнера означает -1%, для другого -10%. В нормальном брендбуке трекинг заголовков ограничен конкретным диапазоном, обычно от -2% до -4%, и не превышает 25 единиц в любую сторону, чтобы буквы не разваливались и не слипались визуально.
С интерлиньяжем то же самое: правило «межстрочный интервал должен быть комфортным» — не правило, а пожелание. Рабочая формула — интерлиньяж на 20-30% больше высоты кегля, то есть для текста 16px интервал должен быть в районе 20-21px. Это единственный способ гарантировать, что абзац не превратится в сплошную серую массу на длинных текстах — брошюрах, годовых отчётах, лендингах с большим объёмом контента.
Что делать, если фирменного шрифта нет: правило замены, а не импровизация
Ситуация встречается постоянно: партнёр верстает совместный материал в PowerPoint без установленного фирменного шрифта, или контрагент готовит документ в системе, где кастомные гарнитуры не поддерживаются. Хороший брендбук не оставляет это на волю исполнителя, а прописывает цепочку замены:
- Основной фирменный шрифт — для всех материалов, где есть техническая возможность его установить;
- Системный шрифт-заменитель, максимально близкий по пропорциям и характеру (например, для Montserrat это может быть Arial или Helvetica, для PT Serif — Georgia или Times New Roman);
- Универсальный запасной вариант для документов Office и презентаций, который есть в базовой поставке Windows и macOS.
Без этой цепочки в брендбуке любое отклонение от фирменного шрифта воспринимается как нарушение, хотя по факту это вынужденная и предусмотренная ситуация. Отсутствие правил замены — одна из причин, почему сотрудники начинают игнорировать брендбук целиком: если он не отвечает на реальный кейс, к нему перестают обращаться.
Типичные ошибки применения фирменных шрифтов
- Использование более двух-трёх гарнитур одновременно — оптимальное сочетание, которое реально работает, это связка sans-serif для заголовков и serif для основного текста (Montserrat + PT Serif — классический пример), добавление третьего шрифта почти всегда избыточно;
- Игнорирование разницы между печатью и вебом — один и тот же кегль ставится и в макет каталога, и на сайт;
- Растягивание или сжатие шрифта вручную вместо использования начертаний из гарнитурного семейства — искажает пропорции букв и разрушает узнаваемость;
- Отсутствие минимального размера для мелкого текста — сноски и юридические тексты верстаются «на глаз», без учёта выворотки и цветности;
- Замена шрифта без утверждённой цепочки — каждый исполнитель выбирает похожий шрифт по своему вкусу, и в разных материалах компании появляются три разных «похожих на фирменный» гарнитуры.
Чек-лист для проверки типографики перед публикацией
- Указан ли кегль отдельно для печати и для цифровых носителей на каждый уровень иерархии;
- Соответствует ли размер минимальному порогу для выбранного способа печати и типа гарнитуры (рубленая или с засечками);
- Не превышает ли трекинг заголовков заданный диапазон (обычно -2% до -4%, не более 25 единиц);
- Соответствует ли межстрочный интервал формуле «кегль +20-30%»;
- Подготовлен ли файл в правильной цветовой модели (CMYK для печати, RGB для экрана) и с разрешением от 300 dpi для полиграфии;
- Прописана ли и применена ли цепочка замены шрифта, если основной недоступен;
- Учтена ли аудитория 50+ и требования WCAG при выборе минимального размера для веба.
Рабочий раздел типографики закрывает три уровня:
- Иерархия — сколько уровней заголовков, подзаголовков и текста существует, и какой кегль у каждого для печати и для экрана отдельно;
- Метрика — трекинг (межбуквенный интервал) и интерлиньяж (межстрочный) для каждого уровня, а не общее «не растягивайте буквы»;
- Условия применения — минимальный размер для мелкого текста, выворотки, подписей на упаковке, сносок в договорах.
Без метрики бренд начинает «дышать» по-разному в руках разных исполнителей: один дизайнер интуитивно сжимает межстрочный интервал, другой — растягивает буквы в заголовке для эффекта воздушности. Оба правы по вкусу и оба ошибаются по регламенту.
Печать и цифра — не один и тот же шрифт, а два разных набора правил
Это, пожалуй, главная путаница в брендбуках среднего уровня: гарнитура одна, а физика носителя разная. Бумага впитывает краску, экран излучает свет, и одинаковый кегль на этих носителях читается по-разному.
| Параметр | Печать | Цифровые носители |
|---|---|---|
| Базовый размер основного текста | 9–11 пт | 14–18 пт (десктоп), адаптация под мобильные |
| Минимальный размер рубленых гарнитур | 4 пт монохром / 5 пт цветной | определяется контрастностью и WCAG, обычно не ниже 12px для основного текста |
| Минимальный размер засечек | 5 пт монохром / 6 пт цветной | засечки на экране «съедаются» при масштабировании, использовать с осторожностью ниже 14px |
| Выворотка (светлый текст на темном) | 5–7 пт | требует увеличения кегля на 1-2px относительно обычного текста |
| Межстрочный интервал | в 1,3–1,5 раза больше кегля | в 1,5 раза больше кегля, иногда больше для длинных текстов |
| Цветовая модель файла | CMYK, разрешение 300 dpi | RGB, векторные форматы для логотипа |
Разница в 300 dpi против пиксельной плотности экрана — не техническая деталь для отдела допечатной подготовки, а часть регламента бренда. Если в брендбуке не указана цветовая модель и разрешение, типографика может «доехать» до печати искажённой: серый текст на экране превращается в грязно-коричневый на офсете из-за неправильной конвертации CMYK.
Минимальный размер шрифта: официальная планка и практика
ГОСТ Р ИСО 24509-2021 задаёт вероятность разборчивости 80% при соответствующих условиях просмотра — это ориентир для минимального читаемого размера, а не рекомендация ставить текст именно на этой границе. На практике для цифровой печати минимум — 8 пт, для офсетной — 10 пт, если речь о плотных текстовых блоках вроде инструкций или договоров. Для веба нижняя граница комфортного чтения — 12px для основного текста, при этом с учётом стандартов доступности (WCAG) для аудитории 50+ рекомендуется закладывать не менее 16px и предусматривать возможность масштабирования без потери верстки.
Трекинг и интерлиньяж: почему цифры важнее описаний
Формулировка «используйте плотный трекинг для заголовков» ничего не гарантирует — плотный для одного дизайнера означает -1%, для другого -10%. В нормальном брендбуке трекинг заголовков ограничен конкретным диапазоном, обычно от -2% до -4%, и не превышает 25 единиц в любую сторону, чтобы буквы не разваливались и не слипались визуально.
С интерлиньяжем то же самое: правило «межстрочный интервал должен быть комфортным» — не правило, а пожелание. Рабочая формула — интерлиньяж на 20-30% больше высоты кегля, то есть для текста 16px интервал должен быть в районе 20-21px. Это единственный способ гарантировать, что абзац не превратится в сплошную серую массу на длинных текстах — брошюрах, годовых отчётах, лендингах с большим объёмом контента.
Что делать, если фирменного шрифта нет: правило замены, а не импровизация
Ситуация встречается постоянно: партнёр верстает совместный материал в PowerPoint без установленного фирменного шрифта, или контрагент готовит документ в системе, где кастомные гарнитуры не поддерживаются. Хороший брендбук не оставляет это на волю исполнителя, а прописывает цепочку замены:
- Основной фирменный шрифт — для всех материалов, где есть техническая возможность его установить;
- Системный шрифт-заменитель, максимально близкий по пропорциям и характеру (например, для Montserrat это может быть Arial или Helvetica, для PT Serif — Georgia или Times New Roman);
- Универсальный запасной вариант для документов Office и презентаций, который есть в базовой поставке Windows и macOS.
Без этой цепочки в брендбуке любое отклонение от фирменного шрифта воспринимается как нарушение, хотя по факту это вынужденная и предусмотренная ситуация. Отсутствие правил замены — одна из причин, почему сотрудники начинают игнорировать брендбук целиком: если он не отвечает на реальный кейс, к нему перестают обращаться.
Типичные ошибки применения фирменных шрифтов
- Использование более двух-трёх гарнитур одновременно — оптимальное сочетание, которое реально работает, это связка sans-serif для заголовков и serif для основного текста (Montserrat + PT Serif — классический пример), добавление третьего шрифта почти всегда избыточно;
- Игнорирование разницы между печатью и вебом — один и тот же кегль ставится и в макет каталога, и на сайт;
- Растягивание или сжатие шрифта вручную вместо использования начертаний из гарнитурного семейства — искажает пропорции букв и разрушает узнаваемость;
- Отсутствие минимального размера для мелкого текста — сноски и юридические тексты верстаются «на глаз», без учёта выворотки и цветности;
- Замена шрифта без утверждённой цепочки — каждый исполнитель выбирает похожий шрифт по своему вкусу, и в разных материалах компании появляются три разных «похожих на фирменный» гарнитуры.
Чек-лист для проверки типографики перед публикацией
- Указан ли кегль отдельно для печати и для цифровых носителей на каждый уровень иерархии;
- Соответствует ли размер минимальному порогу для выбранного способа печати и типа гарнитуры (рубленая или с засечками);
- Не превышает ли трекинг заголовков заданный диапазон (обычно -2% до -4%, не более 25 единиц);
- Соответствует ли межстрочный интервал формуле «кегль +20-30%»;
- Подготовлен ли файл в правильной цветовой модели (CMYK для печати, RGB для экрана) и с разрешением от 300 dpi для полиграфии;
- Прописана ли и применена ли цепочка замены шрифта, если основной недоступен;
- Учтена ли аудитория 50+ и требования WCAG при выборе минимального размера для веба.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
