Брендбук — документ с правилами бренда: позиционирование, логотип, цвет, шрифты, графика и шаблоны носителей. Гайдлайн — только визуальная часть этих правил, а дизайн-система — библиотека компонентов и значений, из которой собирают сайт и приложение.
Коротко
Три документа решают разные задачи и живут в разных местах: гайдлайн отвечает на вопрос «как оформлять», брендбук — «каким должен быть бренд и как он себя ведёт», дизайн-система — «из чего собирать продукт».
| Документ | Что внутри | Для кого | Когда нужен | Формат |
|---|---|---|---|---|
| Гайдлайн | Правила логотипа, цвета, шрифтов и носителей | Дизайнеры, подрядчики, типография | Как только материалы делает больше одного человека | PDF или страница с файлами |
| Брендбук | Гайдлайн плюс платформа бренда: позиционирование, характер, тон общения | Маркетинг, продажи, франчайзи, новые сотрудники | Когда бренд ведут много людей и каналов | PDF, онлайн-документ, отдельный сайт |
| Дизайн-система | Токены, компоненты, состояния, связь с кодом | Дизайнеры и разработчики продукта | Когда есть развивающийся сайт, приложение или личный кабинет | Библиотека в редакторе макетов и пакет в коде |
Документы не заменяют друг друга, а надстраиваются: правила бренда сверху, визуальные правила посередине, готовые компоненты снизу. Сама система решений, которую эти документы описывают, разобрана в материале про фирменный стиль.
Оглавление собирают под конкретный бизнес, но костяк повторяется. Ниже — разделы, которые есть почти в любом рабочем документе.
Набор разделов диктует бизнес. Службе доставки нужны разделы про транспорт и форму курьера — так устроен наш кейс QADAM. IT-компании вместо этого нужны разделы про интерфейсы, презентации и документы.
Формат выбирают по тому, как документом будут пользоваться каждый день, а не по тому, как он смотрится на защите. У каждого варианта своя цена ошибки.
На практике форматы сочетают: короткий PDF для внешних подрядчиков, онлайн-документ для команды, библиотека макетов и пакет в коде для продукта. Главное правило одно: источник правды должен быть один, а остальное — его выгрузки.
Пример В проекте QADAM правила собраны в интерактивный брендбук на 14 разделов: знак, палитра, паттерн, иконки, упаковка, мерч, транспорт, форма курьера. Состояния и цвета описаны там заранее, чтобы разработке оставалось только собрать продукт.
Дизайн-система — это не «гайдлайн для сайта», а работающая библиотека, из которой собирают интерфейс. Её ядро — токены: именованные значения цвета, отступа, радиуса и шрифта, на которые ссылаются все компоненты.
Формат таких значений стандартизируют: Design Tokens Community Group при W3C выпустила первую стабильную версию спецификации в октябре 2025 года, чтобы токены переносились между редакторами макетов и кодом без ручной переписи. В редакторах та же идея реализована через переменные и режимы: переменные Figma хранят значения, режимы переключают их для светлой и тёмной темы, а библиотеки публикуют всё это на команду.
Дизайн-система описывает поведение интерфейса, а не только внешний вид, поэтому она напрямую влияет на то, доходит ли человек до цели. Как это связано с конверсией и удержанием — в статье про UX/UI-дизайн сайта.
Документ нужен там, где стиль применяет не тот человек, который его придумал. Чем больше рук и каналов, тем дороже обходится каждое устное объяснение.
Небольшой компании с одним сайтом и парой каналов обычно достаточно гайдлайна и набора шаблонов: логотип, цвета, шрифты, презентация, пост и бланк. Полный брендбук окупается, когда появляются франшиза, розница, упаковка или несколько продуктовых линеек.
Документ пишут не «по красоте», а от задач, которые команда решает каждый день. Порядок работ обычно такой.
Разделы про логотип, цвет и шрифты берутся из готовой системы — если её ещё нет, начинают с разработки фирменного стиля, а требования к самому знаку разобраны в материале про логотип.
У документа должен быть один владелец — бренд-менеджер, маркетолог или ведущий дизайнер. Он согласует спорные макеты, принимает предложения об изменениях и отвечает за то, чтобы у команды была одна актуальная версия.
Механику обновления удобно подсмотреть у публичных дизайн-систем. GOV.UK Design System ведёт команда Government Digital Service: у компонентов есть статусы, изменения обсуждаются открыто и выходят версиями с заметками о релизе. Бизнесу не нужен такой масштаб, но сама схема — владелец, статусы, версии, история — переносится на брендбук любого размера.
Устаревший PDF в десяти копиях хуже одного живого документа по ссылке. Как раздать правила команде и подрядчикам, чтобы ими действительно пользовались, описано в разделе о внедрении в статье про фирменный стиль.
Объём — не показатель качества. Толстый документ может лежать без дела, а короткий свод правил с шаблонами — экономить команде часы каждую неделю. Типичные причины, по которым документ не приживается.
Проверить документ просто: дайте его человеку, который не участвовал в разработке, и попросите собрать презентацию и пост. Всё, о чём он спросит вслух, — дыра в брендбуке.
Мы пишем правила так, чтобы по ним собирали продукт, а не любовались подачей. В кейсе QADAM документ строился от носителей службы доставки: под упаковку, мерч, транспорт, форму курьера и точку выдачи — отдельные разделы с готовыми решениями, а не с общими принципами.
В проекте КручуВерчу роль документа взяла на себя дизайн-система: палитра, типографика, сетки, иконки и компоненты держат один характер на всех экранах и носителях, а материалы переданы заказчику готовыми к разработке.
Дизайн у нас работает в одной команде с разработкой, поэтому правила сразу описываются в виде, пригодном для кода. Если документ нужен прежде всего под цифровые носители, посмотрите, что входит в разработку сайтов: прототип, дизайн и вёрстка идут одним проектом.
Обсудим вашу задачу
Расскажите, что нужно сделать, — оценим сроки и стоимость и предложим решение.
Сам документ в согласованном формате, исходники макетов, файлы логотипа во всех версиях, шрифты с указанием лицензий, шаблоны носителей и доступы к хранилищу, где всё это лежит. Без исходников и шрифтов документ через полгода становится картинкой, которую нельзя развивать.
Столько, сколько нужно на реальные носители компании. Небольшому бизнесу обычно хватает короткого документа с шаблонами презентации, поста и бланка, сетевому и франшизному — заметно большего, потому что добавляются точки продаж, упаковка, транспорт и форма персонала. Число страниц о качестве документа не говорит.
Можно, пока он один и никуда не уходит. Риск в том, что правила живут в его голове: с уходом дизайнера компания теряет и стиль, и способность быстро делать материалы. Даже короткий гайдлайн с шаблонами снимает эту зависимость.
Да, для франшизы это рабочий инструмент, а не имиджевый документ. Партнёр получает стандарт оформления точки, вывесок, униформы, упаковки и рекламы и не изобретает своё оформление. Заодно документ становится частью того, что вы продаёте вместе с франшизой.
По событиям, а не по календарю: смена сайта, запуск новой линейки, выход на новый рынок или язык, появление носителя, которого раньше не было. Каждое изменение фиксируется новой версией с датой, чтобы команда понимала, какой файл актуален.
Да, и это частый путь. Из готового сайта вынимают палитру, типографику, компоненты и правила композиции, а затем достраивают то, чего в интерфейсе нет: печать, упаковку, документы. Так документ появляется быстрее, чем при разработке стиля с нуля.
