Таблица с пятью HEX-кодами — ещё не цветовая система. Команде нужны приоритеты, сочетания и понятные случаи, когда каждый оттенок уместен.
Что важно учесть до решения
Один и тот же цвет ведёт себя по-разному на экране, мелованной бумаге и текстиле. Брендбук должен обозначать технологию и допустимое отклонение, а не обещать абсолютное совпадение.
Расширенная палитра нужна только при понятной функции: категориям, интерфейсным состояниям или данным. Иначе дополнительные оттенки быстро вытесняют основной образ бренда.
Как выстроить работу
Сначала определяют роли, затем записывают числовые значения. После этого собирают пары «фон — текст» и несколько типовых композиций.
Для печатных материалов делают пробу у реального подрядчика и сохраняют утверждённый образец. Это надёжнее сравнения по монитору.
Порядок действий
- разделить основные и вспомогательные цвета
- назначить каждому оттенку функцию
- зафиксировать экранные и печатные значения
- проверить контраст и пропорции
- показать верные и неверные сочетания
Критерии проверки
- цвета имеют понятные роли
- коды соответствуют среде
- текст остаётся читаемым
- печатная версия проверена пробой
Ситуация из практики
Сервис использует оранжевый и графитовый. Без правил маркетологи делают весь макет оранжевым, а разработчики выбирают другой оттенок для кнопок. В брендбуке оранжевый закрепляют за действиями и акцентами, задают пары фона и текста и добавляют переменные для интерфейса.
Как проверить раздел до передачи
Для проверки подготовьте контрольный макет и намеренно нарушите одно правило. Пользователь должен заметить проблему и найти способ исправления в документе. Условие «цвета имеют понятные роли» показывает качество решения, а «коды соответствуют среде» — качество передачи. Отдельно воспроизведите ошибки «указывать только HEX» и «считать монитор эталоном печати». Если антипример выглядит допустимо, пояснение слишком общее или визуальная граница не определена. После исправления сохраните контрольный макет рядом с исходниками: он пригодится при следующем обновлении. Брендбук становится надёжнее, когда его проверяют не только чтением, но и действием.
Как внедрить правило в работу
Перед общей рассылкой проведите короткий тест с человеком, который не видел разработку. Дайте ему задачу, начинающуюся с «разделить основные и вспомогательные цвета», и не подсказывайте устно. Время поиска, вопросы и ошибочные действия покажут качество документа лучше внутреннего согласования. Особое внимание уделите пункту «цвета имеют понятные роли» и сценарию «указывать только HEX». Исправления вносят до публикации, после чего закрепляют «таблица цветовых значений» в единой папке. Результат теста стоит сохранить рядом с журналом версии: он объясняет, почему правило появилось и какую реальную проблему закрывает.
Как оценить практическую пользу
После выпуска отслеживайте, какие страницы открывают чаще и какие ссылки ведут к ошибкам. Для PDF это можно выяснить интервью и журналом вопросов, для портала — поисковыми запросами и навигацией. Наличие «таблица цветовых значений» проверяется отдельно: файл должен быть доступен нужной роли. После шага «показать верные и неверные сочетания» соберите пять реальных задач и отметьте, где потребовалась помощь автора. Повторяющиеся места получают приоритет в обновлении. Цель — постепенно сокращать зависимость от устных консультаций, а не отменять профессиональное суждение дизайнера.
Роли команды и исключения
Для исключений создайте понятный канал, иначе сотрудники начнут обходить правила молча. Запрос должен содержать задачу, носитель, срок и причину, по которой «роли и пропорции палитры» не подходит. Ответственный проверяет «текст остаётся читаемым», предлагает решение и решает, является ли случай разовым или требует обновления системы. Одобренный вариант сохраняют рядом с правилом. Так исключения становятся источником развития, а не тайным набором макетов, который постепенно разрушает единый стиль.
Что зафиксировать в результате
- таблица цветовых значений
- роли и пропорции палитры
- пары фона и текста
- образцы применения на носителях
Что чаще всего мешает
- указывать только HEX
- считать монитор эталоном печати
- не задавать пропорции
- добавлять оттенки без функции
Как поддерживать документ
Собирайте обратную связь в одном месте. Вопрос, заданный дважды разными людьми, обычно указывает на неясную формулировку или слабую навигацию. Исправление должно появиться и в правиле, и в связанном шаблоне; иначе команда продолжит получать разные ответы.
Источники и примеры
- Публичный бренд-гайд Selectel: цвета
- W3C: контраст текста и фона
- Google Fonts Knowledge: основы типографики
Материал основан на проектной практике Reviva Agency. Состав брендбука всегда уточняется по задачам, носителям и готовности исходной айдентики.
Перед использованием рекомендаций сопоставьте их с договором, лицензиями на шрифты и изображения, техническими требованиями типографии или цифровой платформы. Эти ограничения меняются от проекта к проекту и должны быть подтверждены ответственным специалистом.