# 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.