Как выглядит брендбук: разделы и примеры страниц

Общий формат: документ-презентация, а не текстовый файл

Брендбук — это не текст с картинками вперемешку, как статья в блоге, а макет, где визуальный пример всегда первичен, а текст — подпись к нему. Типичная страница построена по одной из двух схем: крупный образец (логотип, цвет, шрифт) занимает верхние две трети страницы, снизу — короткий блок текста с цифрами и правилами; либо страница разбита на сетку 2×2 или 3×3, где в каждой ячейке — один вариант использования с подписью. Текста на странице обычно немного — 50-150 слов, потому что документ должен быть понятен за беглый просмотр, а не за вдумчивое чтение.

Формат файла для готового документа — PDF (для печати и пересылки подрядчикам) и PPTX или Keynote (если документ будет дальше редактироваться внутри компании). Исходники страниц делают в векторных редакторах — Figma, Adobe Illustrator или InDesign, — чтобы логотип и графика оставались чёткими при любом масштабе печати.

Обложка и оглавление

Обложка почти всегда содержит логотип на фирменном фоне и подзаголовок вроде «Руководство по фирменному стилю» или «Brand Guidelines». Это не декоративная страница: она сразу задаёт тон — насколько бренд строгий или неформальный, — и по ней подрядчик за секунду понимает, с каким документом имеет дело. В документах от 15 страниц обычно добавляют оглавление с номерами страниц, чтобы не листать весь файл в поисках раздела про цвета.

Страница философии бренда

Одна-две страницы с коротким описанием: миссия, ценности, три-пять слов, описывающих характер бренда (например: «уверенный», «технологичный», «дружелюбный»). Здесь же иногда размещают mood board — коллаж референсных изображений, задающих настроение. Раздел не про инструкции, а про контекст: почему логотип выглядит именно так, почему выбраны именно эти цвета. Дизайнеру, который в будущем будет создавать новую рекламную кампанию, это помогает принимать решения в духе бренда там, где формальных правил ещё нет.

Логотип и его вариации: как выглядят страницы

Самый насыщенный раздел, обычно 3-6 страниц:

• страница с основной версией логотипа на белом фоне, рядом — модульная сетка с разметкой пропорций;
• страница с охранным полем — логотип с пунктирной рамкой вокруг, показывающей минимальный отступ в модулях X;
• страница с вариациями — цветная, инверсная (белая на тёмном), монохромная версии рядом друг с другом;
• страница с минимальным размером — тот же логотип в уменьшающихся масштабах до точки, где детали перестают читаться, с подписанным пороговым размером в мм или px;
• страница «неправильно» — 4-8 миниатюр логотипа с ошибками (растянут, повёрнут, на неподходящем фоне), каждая перечёркнута красным крестом или обведена красной рамкой.

Именно страница «неправильно» чаще всего экономит время в реальной работе — по ней подрядчик за пять секунд понимает, чего не должен делать, не читая текстовые правила целиком.

Цвета: как показывают палитру

Страница цветов почти всегда выглядит одинаково у всех брендов: крупные цветные плашки (квадраты или прямоугольники) с подписанными кодами под каждой — HEX, RGB, CMYK, и, если есть, Pantone. Основные фирменные цвета показывают крупно, дополнительные (акцентные, для инфографики) — более мелкими плашками ниже или на отдельной странице. Иногда добавляют страницу с допустимыми сочетаниями цветов — какой текст на каком фоне читаем, а какой не соответствует минимальному контрасту. Эти же коды цветов затем напрямую переносятся в макет сайта на этапе разработки сайта, поэтому страница палитры — не просто демонстрация, а рабочий материал для веб-дизайнера.

Типографика: как показывают шрифты

Страница обычно показывает алфавит гарнитуры (все буквы и цифры), затем — иерархию: как выглядит заголовок H1, подзаголовок, основной текст, подпись — каждый со своим размером и начертанием. Часто добавляют пример верстки на реальном тексте (не lorem ipsum, а фраза на языке бренда), чтобы подрядчик видел, как гарнитура смотрится в связном тексте, а не только буква за буквой.

Таблица: разделы документа и типичный объём

Чем короткий гайдлайн отличается от полного брендбука визуально

Короткий гайдлайн (8-12 страниц) обычно верстают проще: меньше mood board и фотографий, больше плотных страниц с несколькими правилами сразу, часто без раздела философии бренда — сразу к делу: логотип, цвета, шрифты, запреты. Полный брендбук на 25-40 страниц позволяет себе больше «воздуха» на странице — одно правило на разворот, больше фотографий и mood board, потому что задача такого документа не только зафиксировать правила, но и передать настроение бренда новым сотрудникам и партнёрам, которые не участвовали в разработке айдентики. Разница в объёме страниц напрямую отражается на смете — актуальные ориентиры по стоимости обоих форматов есть на странице цен на услуги.

Частые вопросы