Цвет как инструмент разграничения суббрендов
Зачем вообще разграничивать суббренды цветом
Представьте полку в магазине или список приложений на экране телефона. У человека есть доли секунды, чтобы отличить один продукт линейки от другого и при этом понять, что оба принадлежат одной компании. Текст он не читает — считывает цветовое пятно. Именно поэтому цвет в архитектуре бренда работает быстрее логотипа и быстрее слогана: он единственный элемент, который мозг обрабатывает почти мгновенно, ещё до распознавания формы.
Проблема в том, что большинство компаний решают эту задачу интуитивно: «этому суббренду дадим зелёный, он про экологию», «а этому — фиолетовый, он премиальный». Без единой логики через два-три года в портфеле накапливается каша из оттенков, которые никак не связаны друг с другом и не читаются как семья продуктов.
Правило баланса: сколько сходства и сколько отличия нужно суббренду
Распространённая рекомендация в брендинге — около 70% визуального кода остаётся неизменным для узнавания, а 30% обеспечивает уникальность. Семьдесят процентов визуального кода — форма логотипа, шрифтовая пара, стиль иллюстраций, общая тональность — остаются неизменными и работают на доверие: пользователь узнаёт «родителя» и переносит на суббренд репутацию всей компании. Оставшиеся тридцать процентов, чаще всего именно цвет, дают суббренду право на собственную идентичность и позволяют не сливаться с остальными продуктами линейки.
Наглядный пример этого баланса — AWS. Amazon Web Services использует тот же фирменный оранжевый (#FF9900), что и материнский Amazon, но помещает его на тёмный фон (#252F3E) вместо белого. Цвет остался тем же — изменился контекст. Связь с мастер-брендом сохранена на уровне узнавания оттенка, а дифференциация достигнута за счёт смены фона и общей тональности продукта: розничный маркетплейс выглядит легко и «по-потребительски», облачная платформа — технологично и строго.
Похожий, но зеркальный ход у российского рынка: Яндекс Маркет при переходе с чистого жёлтого на комбинацию жёлтый+красный получил контрастное сочетание, которое выделяет сервис среди десятков других жёлтых иконок в телефоне, а красный при этом отсылает к материнскому логотипу Яндекса. Это тот случай, когда 30% отличия работают на конкуренцию за внимание, а 70% сходства — на доверие к бренду в целом.
Как построить цветовую матрицу для портфеля суббрендов
Здесь и находится главный пробел в большинстве материалов на эту тему: почти никто не объясняет, как именно распределить цвета между десятками продуктов так, чтобы система не развалилась через год. Рабочий подход — не «придумывать цвет под каждый суббренд», а сначала построить категоризацию, а потом закрепить за категорией цвет.
Показательный пример — AWS использует цветовое кодирование для своих сервисов, распределенных по категориям:
- Вычисления — оранжевый
- Хранилища — зелёный
- Базы данных — пурпурный
- Сети — фиолетовый
- Машинное обучение — бирюзовый
- Безопасность — красный
- Аналитика — тёмно-фиолетовый
Логика проста: цвет кодирует не название продукта, а функцию, которую продукт выполняет в системе. Пользователь, увидев красную иконку, ещё не зная названия сервиса, понимает — это про безопасность. Это и есть цветовая матрица: таблица «категория продукта → закреплённый цвет → обоснование выбора», которая живёт дольше, чем ребрендинг отдельного суббренда.
При построении такой матрицы важно ограничить себя пятью-шестью контрастными цветами. Больше десяти цветов в одной системе создают путаницу, а близкие оттенки — например фиолетовый и сиреневый — вообще непригодны для различения, потому что мозг и тем более камера или экран низкого качества не всегда способны их развести.
Какую модель выбрать: монохром, контраст или смешанный подход
Выбор цветовой стратегии напрямую зависит от архитектуры бренда, и здесь стоит смотреть не на моду, а на структуру портфеля.
| Архитектура | Логика цвета | Пример |
|---|---|---|
| Branded House | Монохром или один базовый цвет + оттенки — единство важнее различий | Яндекс, ВТБ |
| House of Brands | Контрастное кодирование — каждый суббренд получает собственный цветовой мир | P&G, Nestlé |
| Endorsed brands | Смешанный подход: часть логотипа в цвете материнского бренда + собственный цветовой блок суббренда | Marriott, ВТС |
ВТС — хороший пример гибридной, endorsed-модели: верхняя часть логотипа суббрендов остаётся синей, что визуально привязывает их к материнской компании, а нижняя часть окрашена индивидуально для каждого продукта. Названия суббрендов при этом выполнены в едином стиле — различие идёт только через цветовой блок, а не через хаотичное изменение всей палитры.
Почему премиум чаще чёрный, а масс-маркет — яркий
Это не эстетическая случайность, а прямое следствие того, как цвет читается в контексте ценового позиционирования. Чёрный, глубокий тёмно-синий, приглушённый серый визуально сигнализируют «сдержанность» и «уверенность» — качества, которые покупатель премиум-сегмента подсознательно связывает с качеством и статусом. Яркие насыщенные цвета — жёлтый, оранжевый, красный — работают на скорость восприятия и импульсивность решения, что критично для масс-маркета, где решение принимается за секунды на полке или в ленте.
Именно поэтому внутри одного портфеля суббренд премиального сегмента почти никогда получает тот же яркий цвет, что и его массовый собрат — даже при сохранении единого шрифта и логотипа разница в насыщенности и светлоте цвета сигнализирует о разнице в позиционировании быстрее, чем это сделает цена на ценнике.
Ошибки, которые приводят к каннибализации
Каннибализация случается не потому, что суббренды похожи — часто наоборот, из-за того, что дифференциация была выстроена неправильно. Вот типичные провалы:
- Суббренду дали цвет прямого конкурента материнского бренда — покупатель начинает ассоциировать продукт не со своим портфелем, а с чужим
- Два суббренда одной компании получили близкие оттенки одной цветовой семьи — например два разных зелёных — и покупатель просто не различает их на полке или в приложении
- Цвет выбрали под тренд или личный вкус дизайнера, без привязки к категории или ценовому сегменту — через год ротации ассортимента цвет теряет смысл
- Слишком яркий и агрессивный цвет суббренда «перетягивает» внимание с материнского бренда в совместных промо-материалах, из-за чего аудитория начинает воспринимать суббренд как самостоятельный, забывая о принадлежности к портфелю
Все эти ошибки объединяет одно: отсутствие матрицы, о которой шла речь выше. Без документа, где явно зафиксировано, кто и почему получил свой цвет, решения принимаются ситуативно — а ситуативные решения в портфеле из десяти и более продуктов почти гарантированно рано или поздно начинают конфликтовать.
Как проверить, что цвета суббрендов действительно различимы
Дизайнерский глаз не защита от ошибки — нужна проверка, приближенная к реальным условиям восприятия.
- Проверьте цветовой контраст между суббрендами по WCAG — коэффициент контрастности должен быть не ниже 3:1 для крупных элементов и 4.5:1 для текста, иначе разница будет читаться только при близком рассмотрении
- Прогоните палитру через симулятор дейтеранопии и протанопии (самые распространённые формы дальтонизма) — цвета, которые кажутся разными зрячему человеку, у 8% мужчин могут слиться в один
- Уменьшите иконки до реального размера использования — иконки приложений, миниатюры в каталоге — и оцените различимость с расстояния, а не на полноэкранном макете
- Переведите палитру в чёрно-белый режим и проверьте, различаются ли суббренды по яркости — если нет, при печати или на плохом экране они станут неотличимы
- Соберите обратную связь от 10-15 человек с разным уровнем знакомства с брендом — путают ли они суббренды между собой без подсказки названия
Такой прогон занимает пару дней, но экономит годы переделок — цветовую матрицу портфеля меняют неохотно, потому что она уже встроена в упаковку, интерфейсы и маркетинговые материалы десятков продуктов одновременно.
Зачем вообще разграничивать суббренды цветом
Представьте полку в магазине или список приложений на экране телефона. У человека есть доли секунды, чтобы отличить один продукт линейки от другого и при этом понять, что оба принадлежат одной компании. Текст он не читает — считывает цветовое пятно. Именно поэтому цвет в архитектуре бренда работает быстрее логотипа и быстрее слогана: он единственный элемент, который мозг обрабатывает почти мгновенно, ещё до распознавания формы.
Проблема в том, что большинство компаний решают эту задачу интуитивно: «этому суббренду дадим зелёный, он про экологию», «а этому — фиолетовый, он премиальный». Без единой логики через два-три года в портфеле накапливается каша из оттенков, которые никак не связаны друг с другом и не читаются как семья продуктов.
Правило баланса: сколько сходства и сколько отличия нужно суббренду
Распространённая рекомендация в брендинге — около 70% визуального кода остаётся неизменным для узнавания, а 30% обеспечивает уникальность. Семьдесят процентов визуального кода — форма логотипа, шрифтовая пара, стиль иллюстраций, общая тональность — остаются неизменными и работают на доверие: пользователь узнаёт «родителя» и переносит на суббренд репутацию всей компании. Оставшиеся тридцать процентов, чаще всего именно цвет, дают суббренду право на собственную идентичность и позволяют не сливаться с остальными продуктами линейки.
Наглядный пример этого баланса — AWS. Amazon Web Services использует тот же фирменный оранжевый (#FF9900), что и материнский Amazon, но помещает его на тёмный фон (#252F3E) вместо белого. Цвет остался тем же — изменился контекст. Связь с мастер-брендом сохранена на уровне узнавания оттенка, а дифференциация достигнута за счёт смены фона и общей тональности продукта: розничный маркетплейс выглядит легко и «по-потребительски», облачная платформа — технологично и строго.
Похожий, но зеркальный ход у российского рынка: Яндекс Маркет при переходе с чистого жёлтого на комбинацию жёлтый+красный получил контрастное сочетание, которое выделяет сервис среди десятков других жёлтых иконок в телефоне, а красный при этом отсылает к материнскому логотипу Яндекса. Это тот случай, когда 30% отличия работают на конкуренцию за внимание, а 70% сходства — на доверие к бренду в целом.
Как построить цветовую матрицу для портфеля суббрендов
Здесь и находится главный пробел в большинстве материалов на эту тему: почти никто не объясняет, как именно распределить цвета между десятками продуктов так, чтобы система не развалилась через год. Рабочий подход — не «придумывать цвет под каждый суббренд», а сначала построить категоризацию, а потом закрепить за категорией цвет.
Показательный пример — AWS использует цветовое кодирование для своих сервисов, распределенных по категориям:
- Вычисления — оранжевый
- Хранилища — зелёный
- Базы данных — пурпурный
- Сети — фиолетовый
- Машинное обучение — бирюзовый
- Безопасность — красный
- Аналитика — тёмно-фиолетовый
Логика проста: цвет кодирует не название продукта, а функцию, которую продукт выполняет в системе. Пользователь, увидев красную иконку, ещё не зная названия сервиса, понимает — это про безопасность. Это и есть цветовая матрица: таблица «категория продукта → закреплённый цвет → обоснование выбора», которая живёт дольше, чем ребрендинг отдельного суббренда.
При построении такой матрицы важно ограничить себя пятью-шестью контрастными цветами. Больше десяти цветов в одной системе создают путаницу, а близкие оттенки — например фиолетовый и сиреневый — вообще непригодны для различения, потому что мозг и тем более камера или экран низкого качества не всегда способны их развести.
Какую модель выбрать: монохром, контраст или смешанный подход
Выбор цветовой стратегии напрямую зависит от архитектуры бренда, и здесь стоит смотреть не на моду, а на структуру портфеля.
| Архитектура | Логика цвета | Пример |
|---|---|---|
| Branded House | Монохром или один базовый цвет + оттенки — единство важнее различий | Яндекс, ВТБ |
| House of Brands | Контрастное кодирование — каждый суббренд получает собственный цветовой мир | P&G, Nestlé |
| Endorsed brands | Смешанный подход: часть логотипа в цвете материнского бренда + собственный цветовой блок суббренда | Marriott, ВТС |
ВТС — хороший пример гибридной, endorsed-модели: верхняя часть логотипа суббрендов остаётся синей, что визуально привязывает их к материнской компании, а нижняя часть окрашена индивидуально для каждого продукта. Названия суббрендов при этом выполнены в едином стиле — различие идёт только через цветовой блок, а не через хаотичное изменение всей палитры.
Почему премиум чаще чёрный, а масс-маркет — яркий
Это не эстетическая случайность, а прямое следствие того, как цвет читается в контексте ценового позиционирования. Чёрный, глубокий тёмно-синий, приглушённый серый визуально сигнализируют «сдержанность» и «уверенность» — качества, которые покупатель премиум-сегмента подсознательно связывает с качеством и статусом. Яркие насыщенные цвета — жёлтый, оранжевый, красный — работают на скорость восприятия и импульсивность решения, что критично для масс-маркета, где решение принимается за секунды на полке или в ленте.
Именно поэтому внутри одного портфеля суббренд премиального сегмента почти никогда получает тот же яркий цвет, что и его массовый собрат — даже при сохранении единого шрифта и логотипа разница в насыщенности и светлоте цвета сигнализирует о разнице в позиционировании быстрее, чем это сделает цена на ценнике.
Ошибки, которые приводят к каннибализации
Каннибализация случается не потому, что суббренды похожи — часто наоборот, из-за того, что дифференциация была выстроена неправильно. Вот типичные провалы:
- Суббренду дали цвет прямого конкурента материнского бренда — покупатель начинает ассоциировать продукт не со своим портфелем, а с чужим
- Два суббренда одной компании получили близкие оттенки одной цветовой семьи — например два разных зелёных — и покупатель просто не различает их на полке или в приложении
- Цвет выбрали под тренд или личный вкус дизайнера, без привязки к категории или ценовому сегменту — через год ротации ассортимента цвет теряет смысл
- Слишком яркий и агрессивный цвет суббренда «перетягивает» внимание с материнского бренда в совместных промо-материалах, из-за чего аудитория начинает воспринимать суббренд как самостоятельный, забывая о принадлежности к портфелю
Все эти ошибки объединяет одно: отсутствие матрицы, о которой шла речь выше. Без документа, где явно зафиксировано, кто и почему получил свой цвет, решения принимаются ситуативно — а ситуативные решения в портфеле из десяти и более продуктов почти гарантированно рано или поздно начинают конфликтовать.
Как проверить, что цвета суббрендов действительно различимы
Дизайнерский глаз не защита от ошибки — нужна проверка, приближенная к реальным условиям восприятия.
- Проверьте цветовой контраст между суббрендами по WCAG — коэффициент контрастности должен быть не ниже 3:1 для крупных элементов и 4.5:1 для текста, иначе разница будет читаться только при близком рассмотрении
- Прогоните палитру через симулятор дейтеранопии и протанопии (самые распространённые формы дальтонизма) — цвета, которые кажутся разными зрячему человеку, у 8% мужчин могут слиться в один
- Уменьшите иконки до реального размера использования — иконки приложений, миниатюры в каталоге — и оцените различимость с расстояния, а не на полноэкранном макете
- Переведите палитру в чёрно-белый режим и проверьте, различаются ли суббренды по яркости — если нет, при печати или на плохом экране они станут неотличимы
- Соберите обратную связь от 10-15 человек с разным уровнем знакомства с брендом — путают ли они суббренды между собой без подсказки названия
Такой прогон занимает пару дней, но экономит годы переделок — цветовую матрицу портфеля меняют неохотно, потому что она уже встроена в упаковку, интерфейсы и маркетинговые материалы десятков продуктов одновременно.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
