Дизайн-система · v0.1

Мила.Практис — система.

Все примитивы, токены и правила, из которых собирается лендинг. Один источник истины — если что-то меняется, меняется только здесь.

01 · Палитра

Цвет

Ink
ink-0
ink-50
ink-100
ink-150
ink-200
ink-300
ink-400
ink-500
ink-600
ink-700
ink-800
ink-900
Coral
coral-50
coral-100
coral-200
coral-300
coral-400
coral-500
coral-600
coral-700
coral-800
coral-900
Mint
mint-50
mint-100
mint-200
mint-300
mint-400
mint-500
mint-600
mint-700
mint-800
mint-900
Surface
--c-bg
Card
--c-bg-card
Soft
--c-bg-soft
Dark
--c-ink-900
Mint hilight
--c-mint-50
Peach hilight
--c-peach-50
Coral hilight
--c-coral-50
Success
--c-success
02 · Шрифт

Типографика

Display-1
Одно место для всей вашей практики.
Display-2
Заметки пишутся сами.
Display-3
Шесть инструментов — в одно.
H1 / Heading
Что внутри
H2
Карточка клиента
H3
Подзаголовок
Lede
Большой описательный параграф под H1.
Body
Основной текст. Среднестатистический параграф.
Body-sm
Уменьшенный параграф для второстепенной информации.
Caption
Сноска или подпись
Mono
14 МАЯ 2026 · 10:42
Eyebrow
БЫСТРАЯ МЕТКА
03 · Spacing

Отступы

Шкала space-1 (4px) → space-14 (160px), линейно-логарифмическая.

space-1
space-2
space-3
space-4
space-5
space-6
space-7
space-8
space-9
space-10
space-11
space-12
space-13
space-14
04 · Buttons

Кнопки

Primary
Coral · CTA
Secondary & Ghost
05 · Chips

Теги

Серверы в РФ · 152-ФЗAI · livepeach accentink dotбез точки
на тёмном фоне
06 · Cards

Карточки

Default

Обычная карточка на белом фоне с тонкой рамкой.

Interactive

Подсвечивает рамку и подкидывает тень при наведении.

Mint

Highlight-карточка для AI-блоков и success-моментов.

Dark

Тёмная карточка для финального CTA и контрастных блоков.

07 · Icon boxes

Иконки

08 · Stats

Цифры

120+
специалистов в Миле
3 400+
сессий проведено
4,8 / 5
средняя оценка
09 · Quotes

Отзывы

«AI-заметка экономит мне 15 минут после каждой сессии.»
Анна К.
психолог, 7 лет практики · Москва
«Перестала вести табличку «кто заплатил». Просто открываю Милу — там видно.»
Дарья В.
психолог · Казань
10 · Radius

Скругления

r-xs
r-sm
r-md
r-lg
r-xl
r-2xl
11 · Shadow

Тени

shadow-1
shadow-2
shadow-3
design system · v0.1

Всё лепится из этих кирпичей.