yoga studiobrand book · v1.0
brand book  /  04  /  палитра

розовая
и только розовая

Один пастельный фон, один акцент-маджента, восемь категорийных пастелей и четыре цвета новостей. Никаких альтернативных тем — только Rose.

single theme
★ accent / маджента --rose-accent

розовая
магнит

#e91e8cHEX
233 30 140RGB
328°HUE
фоны & нейтрали
bg
#f8e8f0
content
#fff5fa
tab-bg
#fdf2f8
divider
#f0c8dc
text
#2d2d2d
text-2
#9d6b8a
оттенки акцента
04.1 токены
bgфон приложения
Главный фон. Розовый туман. Используется на всех экранах.
#f8e8f0
--rose-bg
contentфон контента
Поверхность для содержимого без карточки. Заголовки, листы.
#fff5fa
--rose-bg-content
accentакцент
CTA, активный таб, заголовки секций, кружки на новостях.
#e91e8c
--rose-accent
successакцент-2
Подтверждения, отметки. Глубже акцента, читается как «всё ок».
#db2777
--rose-success
warningпредупреждение
Мягкое предупреждение. Без жёлтого — остаёмся в розовой гамме.
#c2559a
--rose-warning
dangerошибка
Самый тёмный розовый. Только для критики и ошибок.
#be185d
--rose-danger
textосновной текст
Заголовки и body. Не чёрный, тёплый графит.
#2d2d2d
--rose-text-primary
text-2вторичный текст
Мета, подписи, time, дни недели — всё что в Mono.
#9d6b8a
--rose-text-secondary
tab-bgфон таб-бара
Чуть холоднее основного фона. Подложка нижней навигации.
#fdf2f8
--rose-tab-bg
dividerразделитель
Тонкие линии между строк. Никогда не используется как фон.
#f0c8dc
--rose-divider
04.2 пастели категорий

vinyasa

flow
Динамические потоки, синхронизация с дыханием.
лаванда#c4b5fd

medi

calm
Медитации, дыхательные, мягкие восстановительные.
розовый#f9a8d4

yin

slow
Долгие пассивные положения, инь-практики.
мята#a7f3d0

ashtanga

strong
Силовые, требующие сборки практики.
амбер#fde68a

workshop

warm
Воркшопы, разовые встречи, тренинги преподавателей.
персик#fed7aa

sub

fresh
Подписки, абонементы, всё что про регулярность.
мята-2#bbf7d0

retreat

soft
Выезды, ретриты, многодневные программы.
роза#fecaca

online

cool
Онлайн-курсы, видео-практики, удалённые встречи.
небо#bae6fd
04.3 цвета новостей
апр 24 · промо
скидка 30%
#ffd54f · yellow
апр 22 · студия
новый зал
#f9a8d4 · pink
апр 18 · события
мастер-класс
#c4b5fd · lavender
апр 14 · обновление
новое расписание
#fce4ec · glass
04.4 тема в действии
individual classes
vinyasa flowалёна · 60 min · 4 free
скидка 30%до 30 апреля
workshopработа с тазобедренными
фон → контент

Фон розовый, content-карточки светлее. Сверху можно наложить пастельные плашки категорий — они достаточно мягкие, чтобы не спорить с фоном.

акцент = CTA

Акцент-маджента появляется только в активных элементах: таб, кнопка, цена, маркер. Никогда не используется как заливка большого блока (кроме hero-чипа на главной).

пастели = смысл

Пастели не декоративные. Лавандовая карточка — это виньяса. Если поменять цвет, поменяется и смысл — не делай так.

текст

На пастелях и на белом — всегда #2d2d2d. На акценте — белый. Никаких прозрачностей у текста — только два tier-а: primary и secondary.

04.5 правила
do · можно

акцент = один в кадре

На экране должен быть один маджентовый элемент — он управляет фокусом. Если их два, это уже потеря тишины.

don't · нельзя

не смешивай пастели

Пастель = категория. Карточка занятия не может иметь градиент из двух пастелей или поменять цвет на hover. Цвет — это атрибут смысла.

do · можно

прозрачное стекло

Карточки без тяжёлого фона: rgba(255,255,255,0.4) + лёгкий blur. Всегда поверх розового — это создаёт глубину без слоёв.

don't · нельзя

никакой тёмной темы

В этой версии бренда тёмной темы не существует. Если нужна тишина — используй больше пустого пространства, а не тёмный фон.