Design System
Components and styles of the Anirum project
Colors
Backgrounds
background
card
popover
secondary
muted
accent
Foregrounds
foreground
muted-foreground
primary
destructive
Borders & State
border
input
ring
disabled
disabled-fg
Typography
Outfit — Latin
Geist — Кириллица
Display — 36px Bold
Творчество без границ
Heading 1 — 30px Bold
Научись рисовать с нуля
Heading 2 — 24px Semibold
Популярные курсы
Heading 3 — 20px Semibold
Расписание занятий
Heading 4 — 18px Medium
О преподавателе
Body — 16px Regular
Курс подходит для начинающих художников и тех, кто хочет освоить цифровую живопись.
Small — 14px Regular
Длительность: 8 занятий по 2 часа
Caption — 12px Regular
Обновлено 30 марта 2026
Muted text — вторичная информация, подсказки, мета-данные
Spacing Scale
4pxspace-1
8pxspace-2
12pxspace-3
16pxspace-4
20pxspace-5
24pxspace-6
32pxspace-8
40pxspace-10
48pxspace-12
64pxspace-16
Border Radius
sm
md
lg
xl
2xl
full