Фирстиль ECOMБрендбукМерчПравила
ECOMDigital
Фирменный стиль · C3 «Стальная полночь»

Как используем цвет — на сайте, в постах, КП и Разборах

Шпаргалка для всей команды. Одна система цветов для всего: посты, сайт, КП, Разборы, бриф. Бери готовые компоненты — не нужно быть дизайнером.

Главное правило

Navy — фирменный фон. Красным — действие и цифра. Синим — плюс.

Navy (тёмно-синий «стальная полночь») держит весь стиль: маленькие чипы на каждом лейбле + большие тёмные поверхности там, где нужен «удар» (посты, оффер, гарантия, ключевой блок, активный пункт меню, футер). Красный — только на действие (кнопки) и цифру-результат. Синий заменил зелёный для смысла «хорошо / сильно / растёт». Весь читаемый контент — белый.

Роли цветов

Пять цветов — пять работ

У каждого цвета одна задача. Не смешиваем — тогда документ читается сам собой.

Белый — база
Весь читаемый контент: текст, списки, формы, обычные карточки. Его всегда большинство.
Navy — фирменный, два применения
Чипы на всех мелких лейблах (надзаголовки, теги, бейджи) + большие тёмные поверхности: посты/обложки, оффер, гарантия, ключевой блок, активный пункт меню, футер.
Стальной — тихий
Текст и подписи внутри navy (на тёмном). Второстепенное.
Синий — плюс / сильно / ↑
Раньше был зелёный. Сильные стороны, баллы «хорошо», «результат мечты», рост. Не зелёный больше.
Красный (бренд) — действие, цифра, минус
Кнопки-CTA, цифры-результаты, бейдж «РЕКОМЕНДУЕМ», слабые стороны / ↓. Точечно — не красить абзацы.
Примеры · готовые элементы

Как это выглядит вживую

Реальные компоненты из набора. Бери и меняй текст — цвета и шрифты уже правильные.

Чипы — на каждый лейбл
Коммерческое предложение
ТарифыКто мыПрогноз
Надзаголовки секций, кикеры, теги. С красной точкой — акцентный. На светлом фоне.
Чип на тёмном (ghost)
Методология Хормози
Оффер — Grand Slam
Внутри тёмной плашки navy-чип не виден → стеклянный ghost-вариант.
Пост — тёмный (удар)
ECOM Digital
Поток клиентов под ключ
Реклама + обработка заявок. До вас доходят только тёплые.
Соцсети/крео — можно целиком тёмным. Акцент — коралл.
Пост — светлый (спокойный)
ECOM Digital
Не берём % с бюджета
Кабинеты ваши, бюджет — с вашей карты. Работаем до результата.
Официальные/спокойные касания — белый пост, акцент красный.
Активный пункт меню
Выбранный раздел Разбора → navy + коралловая риска. Остальные тихие.
Мета-строка + метрика КП
Мебель на заказМинск 🇧🇾Фаза 1
ROI прогноз
×4,2
при текущем чеке
Теги — одной чистой строкой через красную точку. Цифра — красная на белом, лейбл — чип.
Оффер / гарантия — тёмная плашка navy (можно в Разборе/КП)
Рекомендуем
Дом-под-ключ-30
  • Замер 3D + проект
  • Гарантия 7 лет
  • Запуск со следующего дня
от 1 200 € / мес
Гарантия
Не берём % с бюджета

Фиксированный fee. Тратишь больше → мы не получаем больше.

Это обновление правила: в Разборе/КП тёмные «гвозди» (оффер, гарантия, уравнение ценности, ключевой блок) — теперь navy-плашки, а не белые. Акценты на них — коралл/сталь.
Сильное / слабое + баллы — синий вместо зелёного
9/10  Сильное

Открытые цены, рассрочка 48 мес, активный TikTok.

3/10  Слабое — наш вход

Нет гарантии на сайте, нет отзывов/портфолио.

Синий = плюс/сильно (бывший зелёный), красный = минус/слабо. Баллы «хорошо» — синие, «плохо» — красные.
Уравнение ценности — числитель синий, знаменатель красный
Результат мечты × Вероятность успеха
Время до результата × Усилия клиента
▲ Результат мечты
▲ Вероятность успеха
▼ Время до результата
▼ Усилия клиента
Что растит ценность (↑) — синее, что гасит (↓) — красное.
Дозировка по площадкам

Сколько тёмного — зависит от места

Чипы — везде. Большие тёмные поверхности — только там, где они уместны.

Посты / креоможно громко
Пост может быть целиком тёмным ИЛИ белым с navy-акцентом. Самый свободный формат.
Сайтчипы + тёмные секции
Надзаголовки секций → navy-чипы. Большой тёмный фон — футер и выделенные тёмные блоки.
КП / Разборчипы + navy-гвозди
Кикеры разделов и лейблы → чипы. Тёмные «гвозди» (оффер, гарантия, уравнение, ключевой блок) → navy-плашки. Активный пункт меню → navy. Остальной документ белый.
Брифминимум
Чип-кикер в шапке + лого. Опросник белый.
Как работать (для команды)
  1. Не рисуем с нуля и не инлайним CSS. Дизайн живёт в одном файле razbor-ui.css (Разбор/КП) и c3-panel.css (чипы/посты). Меняем только текст.
  2. Чип — на каждый надзаголовок / лейбл / тег / бейдж. Так стиль единый.
  3. Тёмные navy-плашки — на «гвозди»: посты, оффер, гарантия, уравнение, ключевой блок, активный пункт меню. Не на абзацы текста.
  4. Синий = плюс / сильно / рост (не зелёный!). Красный = кнопки, цифры, бейдж «рекомендуем», минус.
  5. Весь читаемый контент — белый фон, тёмный текст. Сомневаешься — оставь белым.

ECOM Digital · фирменный стиль C3 «Стальная полночь» · правило применения цвета