Design System Guide

Темизация

Модель «ядро + тема»: фиксированная айдентика бренда + гибкие визуальные параметры.

Модель: ядро + тема

Фиксированное (нельзя менять)

  • Основной цвет: #ec1d91 (Ceramic Pro pink)
  • Шрифт: Gotham / Montserrat
  • Сетка: 8pt grid
  • Логотип и фирменный стиль
  • WCAG 2.1 AA контраст
  • Иерархия типографики (display → caption)

Гибкое (контролируется темой)

  • border-radius (0px ↔ 8px ↔ 12px)
  • Тени (none ↔ soft ↔ elevated)
  • Анимации (длительность, easing)
  • Фоновые градиенты
  • Иконки (линейные ↔ заливка)
  • Интервалы между секциями

Доступные темы

Современная

Скруглённые углы, мягкие тени, плавные переходы

border-radius: 8px
box-shadow: soft

Классическая

Острые углы, без теней, строгие линии

border-radius: 0px
box-shadow: none

Вопросы для обсуждения

1.

Нужна ли светлая тема для внутренних инструментов (CRM, Dashboard)?

2.

Должны ли партнёры (дилеры, инсталляторы) использовать свои цвета совместно с CP pink?

3.

Стоит ли поддерживать пользовательские prefers-color-scheme автоматически?