| Роль | Цвет | HEX | RGB |
|---|---|---|---|
| Primary (красный Stage+) | 🔴 | #960018 |
rgb(150, 0, 24) |
| Primary Dark | 🔴 | #B81C2F |
rgb(184, 28, 47) |
| Background Dark | ⚫ | #111111 |
rgb(17, 17, 17) |
| Surface Dark | ⚫ | #1C1C1C |
rgb(28, 28, 28) |
| Card Dark | ⚫ | #2B2B2B |
rgb(43, 43, 43) |
| Text Primary | ⚪ | #FFFFFF |
rgb(255, 255, 255) |
| Text Secondary | 🟠 | #FF8562 |
rgb(255, 133, 98) |
| Text on Light | ⚫ | #1B1B1B |
rgb(27, 27, 27) |
| Роль | HEX | Использование |
|---|---|---|
#25D366 |
WhatsApp green | Иконка соцсети |
#0088CC |
Telegram blue | Иконка соцсети |
#FF0000 |
YouTube red | Иконка соцсети |
#F4731C |
Orange accent | Иконка/акцент |
Основная тема — тёмная (как сайт):
#111111#1C1C1C / #2B2B2B#960018 (красный Stage+)#FFFFFF (основной), #FF8562 (акцент), rgba(255,255,255,0.7) (вторичный)Светлая тема (опционально, фаза 2):
#F5F5F5#FFFFFF#960018#1B1B1B| Элемент | Размер | Вес |
|---|---|---|
| H1 (заголовок экрана) | 28sp | Bold (700) |
| H2 (секция) | 22sp | SemiBold (600) |
| H3 (подзаголовок) | 18sp | SemiBold (600) |
| Body (основной текст) | 16sp | Regular (400) |
| Body Small | 14sp | Regular (400) |
| Caption | 12sp | Regular (400) |
| Button | 16sp | SemiBold (600) |
| Input | 16sp | Regular (400) |
Primary Button (CTA):
#960018#FFFFFF, Inter SemiBold 16sp#B81C2FSecondary Button:
#FFFFFF#FFFFFFText Button:
#FF8562#1C1C1Crgba(255,255,255,0.1))#2B2B2B#FFFFFFrgba(255,255,255,0.5)rgba(255,255,255,0.15)#960018#111111#960018rgba(255,255,255,0.5)Отправленное (клиент):
#960018#FFFFFFВходящее (менеджер):
#2B2B2B#FFFFFFTimestamp: rgba(255,255,255,0.5), 12sp
#FFFFFF (активный), rgba(255,255,255,0.5) (неактивный)linear-gradient(transparent, rgba(0,0,0,0.7))Основано на анализе stage-plus.ru, февраль 2026