Внутреннее
Дизайн-система
Тут живёт всё, что отвечает за единый вид сайта. Меняешь токен — меняется везде.
Цвета
bg
var(--bg)
surface
var(--surface)
border
var(--border)
text
var(--text)
muted
var(--muted)
accent
var(--accent)
accent-fg
var(--accent-fg)
accent-subtle
var(--accent-subtle)
Типографика
Display
Алик Завалищев
H1
Заголовок страницы
H2
Раздел контента
H3
Подзаголовок
Lead
Лид-абзац: вводный текст с увеличенным размером и расслабленной высотой строки — помогает зацепить взгляд и подвести к основному содержанию.
Body
Основной текст 16 px с приятным интерлиньяжем. Подходит для длинных статей, описаний проектов и любой структурной информации.
Кнопки
Карточки
Статическая карточка
Используется для информационных блоков.
Интерактивная карточка
Подсвечивается при наведении, поднимается.