Как собрать палитру бренда

Цвет в бренде — это не "мне нравится синий”. Это инструмент, который помогает: узнаваемости, эмоции, читаемости и продажам. Хорошая палитра не обязана быть сложной. Она обязана быть управляемой.

Ниже — алгоритм, по которому можно собрать палитру даже новичку и не получить “радугу ради радуги”.

1) Начните не с цвета, а с роли бренда

Сначала зафиксируйте, что бренд должен “говорить” визуально. Прямо тремя словами.

Примеры:

• “Технологично / точно / спокойно”
• “Тепло / забота / домашнее”
• “Смело / громко / молодежно”
• “Премиально / сдержанно / уверенно”

Это нужно, чтобы цвет работал на смысл, а не просто украшал.

2) Выберите один главный цвет (Primary)

Главный цвет — это якорь. Его задача: узнаваемость и акцент.

Проверка простая: если у бренда будет только один цвет — он должен выдержать эту роль.

Совет: не пытайтесь сразу выбрать “идеальный”. Возьмите 2–3 кандидата, а дальше решит тестирование.

3) Соберите нейтральную базу (Neutrals)

90% интерфейсов и макетов держится не на “красивых” цветах, а на нейтралях: фон, текст, второстепенные блоки.

Минимальный набор:

• светлый фон (почти белый, но не обязательно чистый)
• темный для текста
• 1–2 серых для границ/вторичных элементов

Если нейтрали плохие — весь дизайн выглядит дешево даже при идеальном primary.

4) Добавьте 1–2 поддерживающих цвета (Secondary)

Поддерживающие цвета нужны не “для красоты”, а для структуры:

• выделить разделы
• поддержать иллюстрации
• разнообразить носители (постеры, соцсети, презентации)

Правило: secondary не должен спорить с primary. Он либо усиливает его, либо аккуратно расширяет диапазон.

5) Обязательно заложите системные цвета (Service / UI)

Если бренд будет жить в сайте/приложении/личном кабинете, вам нужны “служебные” цвета для состояний:

• успех
• предупреждение
• ошибка
• информация

Иначе на практике всё превращается в “давайте покрасим ошибку в фирменный фиолетовый” — и читаемость уходит.

6) Сделайте оттенки (Scale), чтобы палитра была рабочей

Одна из главных ошибок — выбрать 3 красивых цвета и думать, что палитра готова.

Рабочая палитра — это оттенки. Минимум:

• у primary: 3–5 ступеней (светлее/темнее)
• у нейтралей: 4–6 ступеней

Зачем это нужно:

• для фонов, ховеров, бейджей, графиков
• чтобы не “додумывать” цвета каждый раз заново

7) Протестируйте палитру на реальных макетах, а не на кружочках

Кружочки на белом фоне врут. Проверять нужно в бою:

Соберите 3 быстрых теста:

1. Экран/баннер: заголовок + текст + кнопка
2. Карточка: картинка/иконка + цена/метка/CTA
3. Соцсеть: обложка поста + сторис

Если везде читаемо, акценты понятны, ничего не “кричит” — палитра прошла.

8) Самый важный контроль: контраст и читаемость

Если текст плохо читается — это не “дизайнерский стиль”, это ошибка.

Проверяйте контраст на:

• тексте на фоне
• кнопках
• мелких элементах (бейджи, подписи, ссылки)

Палитра должна быть не только красивой, но и функциональной.

Готовая “формула палитры” (минимальный комплект)

Чтобы не усложнять, вот базовый состав:

• 1 Primary (главный)
• 1 Secondary (поддержка)
• 4–6 нейтралей (фон/текст/границы)
• 3–4 service цвета (успех/ошибка/предупреждение/инфо)
• 3–5 оттенков для primary

Этого хватает для бренда, сайта, соцсетей и презентаций без постоянного “изобретения велосипеда”.

Если хотите, в следующем посте разберу на примере: как из одного референса (фото/обложки/логотипа) собрать палитру и сразу оформить её как мини-гайд для проекта.