Style guide

Дизайн-система vmk-ui-kit основана на Figma-макете. Токены и принципы здесь обновляются по мере вытаскивания спецификации из макета.

Иконки

• Phosphor Icons — единственный поддерживаемый набор.
• Всегда используйте base class ph: <i class="ph ph-house"></i>.
• В Vue icon props всегда с префиксом ph-.

Варианты

Разрешённые имена вариантов:

primary, secondary, accent, success, warning, danger, error, info

danger и error обычно рендерят одинаковый цвет.

Цвета

Цветовые токены будут добавлены после получения палитры из Figma.

Типографика

Базовый шрифт, размеры и веса будут добавлены после получения типографики из Figma.

Отступы

Spacing scale будет добавлен после получения токенов из Figma.