Цвета в брендбуке описываются так, чтобы любой исполнитель воспроизвёл их точно: у каждого цвета есть роль в палитре, кодировки для экрана и печати (HEX, RGB, CMYK, Pantone) и правила сочетания с фонами. Одного «наш фирменный — зелёный» недостаточно: зелёных тысячи, и без кодов каждый подрядчик выберет свой. Разбираем, из чего состоит цветовой раздел и где в нём чаще всего ошибаются.
Основная палитра — один-три цвета, по которым бренд узнают: они живут в логотипе, на упаковке, в заголовках. Дополнительная расширяет набор для задач, где основных цветов мало: интерфейсы, инфографика, линейки продуктов, сезонные материалы.
Кроме списка цветов, раздел задаёт пропорции: какой цвет доминирует, какой поддерживает, какой работает акцентом. Это правило спасает от материалов, где акцентный цвет залил всю страницу и «фирменности» не осталось. Считать удобно примерно так: фон и воздух занимают большую часть макета, основной цвет заметную, акцент — точечные элементы вроде кнопок и выделений.
HEX — шестизначный код для веба: сайт, соцсети, письма. Самая ходовая запись, её просят чаще всего.
RGB — та же экранная модель, записанная тремя числами. Нужна в графических редакторах, презентациях и офисных программах, где поле для HEX не предусмотрено.
CMYK — модель для печати: типография смешивает четыре краски. Цвет, сочный на экране, после автоматического пересчёта в CMYK часто тускнеет, поэтому печатную версию дизайнер подбирает отдельно и фиксирует в брендбуке. Когда запись есть, типография ничего не пересчитывает на свой вкус.
Pantone — номер готовой смесевой краски из международной библиотеки. Нужен там, где цвет обязан совпадать от тиража к тиражу и от подрядчика к подрядчику: упаковка, вывески, мерч. Краску не смешивают на месте, а берут по образцу, поэтому результат предсказуем.
Четыре записи — это не перестраховка. Каждая отвечает за свою среду, и отсутствие любой из них означает, что в этой среде цвет будут подбирать на глаз.
Вторая половина раздела отвечает на вопросы вёрстки. Какие цвета можно ставить рядом, а какие сочетания запрещены. Какая версия логотипа идёт на светлый фон, какая на тёмный, что делать с фотографией. Каким цветом набирается текст на каждом из фирменных фонов, чтобы он читался: контраст пары «текст плюс фон» проверяется заранее, на этапе брендбука.
Полезная привычка из больших дизайн-систем: описывать не отдельные цвета, а пары и роли. «Кнопка: фон такой-то, текст белый» надёжнее, чем два цвета в разных углах документа, которые исполнитель должен сложить сам.
Только HEX. Палитру описали для экрана, о печати забыли. Первый же тираж визиток приезжает другого оттенка, и виновата не типография.
Цвет пипеткой из макета. В палитру попадает случайный оттенок с фотографии или из старого файла, слегка отличный от фирменного. Дальше он размножается по материалам.
Много цветов без ролей. Восемь цветов в палитре и ни слова о том, какой когда использовать. Исполнители выбирают по вкусу, материалы расползаются.
Нет правил для тёмного фона. Инверсию логотипа никто не нарисовал, и каждый подрядчик изобретает её сам.
Непроверенный контраст. Светлый текст на фирменном светлом фоне красив в макете и нечитаем на экране телефона.
Хотите посмотреть, как цветовые разделы устроены у больших брендов, — мы разобрали открытые документы в статье с примерами брендбуков.
Жёсткой нормы нет. Основных обычно один-три, дополнительных столько, сколько требуют носители. Важнее роли: у каждого цвета должно быть понятное назначение.
CMYK смешивается в процессе печати и слегка гуляет от машины к машине. Pantone — готовая краска по каталожному образцу, результат одинаков у любого подрядчика. Для упаковки и вывесок это разница между «похожим» и «тем самым» цветом.
Экран излучает свет, бумага отражает: это разные физические процессы, и одинаково они не покажут никогда. Поэтому в брендбуке для печати записывается отдельная, вручную подобранная версия цвета.
Можно, это часть ребрендинга. Менять стоит осознанно: узнавание по цвету накапливается годами, и терять его из-за смены вкуса жалко. Палитра выбирается при разработке фирменного стиля под позиционирование бренда.
Логотип с охранными полями, шрифты, графика, носители и запреты. Полный состав по разделам — в статье о том, что входит в брендбук.
Посмотрим логотип, упаковку и носители и пришлём разбор: что работает, что устарело и что обновить в первую очередь. Стиля ещё нет — подскажем, с чего начать. Бесплатно, без обязательств.
Кнопка открывает переписку в Telegram с уже готовым сообщением: останется нажать «отправить». Отвечаем в рабочее время, обычно в течение дня.
