Войти

Категории

Лаборатория фирменного цвета

Кандидаты на бренд-цвет и цвет кнопки покупки — с контрастом, восприятием и данными исследований. Демо для решения; живой сайт не меняется.

⚠️ Это внутренняя демо-страница (noindex). Ничего на сайте не изменено — выберите направление, и я применю его единым проходом.

Что говорят исследования

Доказанное vs мифы
Главное: «бренд-цвет» и «цвет кнопки покупки» — два разных вопроса. Первый про идентичность и восприятие, второй про конверсию (а она зависит от контраста, не от оттенка).

✓ Доказано: тёмный зелёный = премиум

Низкая светлота + высокая насыщенность («jewel tone») воспринимается как дороже/надёжнее; яркий неон — как «дёшево/скидка». Для дорогой техники это работает на нас.

✓ Доказано: конверсия CTA = контраст, не цвет

Кнопка конвертит, когда ВЫДЕЛЯЕТСЯ (эффект Restorff). Цифры из кейсов: HubSpot +21%, Dmix +34% (тёплая кнопка на «холодной» странице), VWO +5%, Shopify-когорта +214% при росте контраста. На зелёном фоне выделяется тёплый акцент, не зелёный.

✕ Миф: «зелёная кнопка лучше всех»

В знаменитом тесте HubSpot выиграла КРАСНАЯ кнопка (+21%) — потому что страница была зелёной. Решал контраст, а не оттенок.

✕ Миф: «зелёный = доверие всегда»

В generic-доверии лидирует синий; зелёный силён в эко/«можно-безопасно». У нас работает через «светофор = успех», а не «trust вообще».

Вариант 1 · Бренд-цвет

Кандидаты идентичности
Каждый показан на мини-макете (логотип-плитка + кнопка «Каталог» + карточка с бейджем «Новинка»). Контраст — для белого текста на цвете.
#0A8538
H142 S86 L28
Deep Emerald (текущий)
бел. текст 4.75:1 · AA ✓

Премиум + надёжность, преемственность бренда

Отстройка: Нишу «тёмный зелёный» в РФ никто не занял

B
Каталог
Новинка
12 990 ₽
В корзину
#0B6E4F
H161 S82 L24
Premium Bottle (рекоменд.)
бел. текст 6.25:1 · AA ✓

Спокойнее и дороже текущего, «спа/бутылка»

Отстройка: Ближе к нише Starbucks, сильный отрыв от Сбера

B
Каталог
Новинка
12 990 ₽
В корзину
#14532D
H144 S61 L20
Dark Forest (макс. премиум)
бел. текст 9.11:1 · AA ✓

Harrods/Land Rover — люкс, традиция, сдержанность

Отстройка: Максимально далеко от яркого Сбер-зелёного (AAA)

B
Каталог
Новинка
12 990 ₽
В корзину
#0F766E
H175 S77 L26
Teal-Green (свежий/тех)
бел. текст 5.47:1 · AA ✓

Современный, «чистота» (хорошо для сантехники)

Отстройка: H175 — дальше всех от Сбер-зелёного, уникален

B
Каталог
Новинка
12 990 ₽
В корзину
#00704A
H160 S100 L22
Starbucks Green (эталон премиум)
бел. текст 6.15:1 · AA ✓

Мировой эталон «дорогого зелёного» в красно-жёлтой категории

Отстройка: Сине-зелёный сдвиг — уникален в РФ

B
Каталог
Новинка
12 990 ₽
В корзину
#0DB14B
H143 S86 L37
Старый яркий (анти-пример)
бел. текст 2.83:1 · AA ✕

Энергия, но читается «скидка/дёшево» (как Spotify #1DB954, 2.59)

Отстройка: Провал контраста — белый текст нечитаем, и близко к Сберу

B
Каталог
Новинка
12 990 ₽
В корзину

Вариант 2 · Цвет кнопки «Купить»

Что конвертит на зелёном бренд-фоне
Одна и та же карточка на зелёном фоне сайта — меняется только кнопка. Смотрите, какая сильнее «выскакивает» (это и есть драйвер конверсии). Зелёная сливается; тёплый акцент выделяется.
Смеситель GROHE
8 490 ₽
В корзину
Бренд-зелёный · #0A8538
4.75:1 AA ✓
Сливается с зелёным брендом — слабее выделяется (анти-паттерн по Restorff)
Смеситель GROHE
8 490 ₽
В корзину
Оранжевый (Amazon-паттерн) · #FF6B00
10.0:1 AA ✓
Макс. контраст к зелёному + тёмный лейбл = AA. Эталон Add-to-Cart
Смеситель GROHE
8 490 ₽
В корзину
Янтарь · #F59E0B
8.9:1 AA ✓
Тёплый «выскочка», тёмный текст. Белый текст НЕЛЬЗЯ (2.15:1)
Смеситель GROHE
8 490 ₽
В корзину
Глубокий янтарь (бел. текст) · #C2410C
4.6:1 AA ✓
Если нужен именно белый текст на кнопке — AA проходит

Рекомендация по данным

Что выбрать

Бренд-цвет: остаёмся в зелёном (равных по отстройке нет — синий=Ozon, фиолетовый=WB, жёлтый/красный=Я.Маркет, оранжевый=DNS). Можно оставить текущий #0A8538, либо уйти глубже для большего премиума и отрыва от яркого Сбера: #0B6E4F (бутылочный, 6.25:1) или #14532D (форест, AAA 9.11:1). Главный запрет — НЕ светлый/неоновый зелёный (провал AA + похоже на Сбер/«дёшево»).

Кнопка «Купить» — главный рычаг конверсии: сделать её контрастным тёплым акцентом — оранжевый #FF6B00 с тёмным лейблом (паттерн Amazon) или глубокий янтарь #C2410C с белым текстом (AA). Зелёный оставить для бренда/навигации/«в наличии». Это единственный вывод с твёрдой доказательной базой (контраст > оттенок). Внедрять — через A/B-тест на вашем трафике (Метрика 106551135 + WooCommerce add-to-cart).

Источники: Kimp — Green in Marketing · MyDreamEngine — Luxury Color Code · CXL — Which Color Converts Best · HubSpot — Red beats Green button test · Convertize — Add-to-Cart button color · Persuasive colours for trust in E-commerce (peer-reviewed) · W3C WCAG 1.4.3 Contrast · WebAIM — Contrast

Примечание: ходовые цифры «84.7% покупают из-за цвета» / «+23% конверсии» — агентский фольклор, не peer-review. Единственный устойчиво воспроизводимый вывод по кнопкам: контраст важнее оттенка.