Дизайн-система «КиберШик»
Витрина компонентов
Все компоненты из тех же исходников, что и рабочие страницы: css/tokens.css → css/components/*. Переключите тему в меню пользователя, чтобы проверить тёмную.
Цвет — семантические токены
--kb-bgфон--kb-surfaceповерхность--kb-surface-raiseприподнятая--kb-surface-sunkenутопленная--kb-borderhairline--kb-textтекст--kb-text-mutedвторичный--kb-brandультрамарин--kb-brand-inkссылки--kb-brand-softвыбор--kb-roseтолько декор--kb-amberактивная зона--kb-successдубовая зелень--kb-warningвнимание--kb-dangerгранат--kb-rootкорень--kb-leafлистТипографика
Заголовок H1 — Cormorant
Заголовок H2
Заголовок H3
Основной текст Manrope. Пространство важнее плотности: сомневаешься — добавь воздух. Длина строки держится в пределах 45–75 знаков.
Вторичный текст — цветом, а не размером.
JetBrains Mono · 21 420 шт · Д01-З-07.2026
Кнопки
cut104p9c230 мин
Поля
40 к = 4 160 шт
Укажите количество
Статусы и сообщения
нейтральныйбренд
активновнимание
ошибкаконтур
Сохранено 3 записи.
Остатка меньше, чем запрошено — будет списан фактический.
Сервер недоступен.
KPI
Таблица
| Культура | Формат | Остаток | Статус |
|---|---|---|---|
| Спирея Вангутта | cut144 | 2 880 | готово |
| Дерен белый | p9 | 1 240 | уже есть |
| Неизвестное | — | 50 | не найдено |
| Итого | 4 170 | ||
Пустое состояние
Инвентаризаций ещё не было
Приглашение, а не ошибка: объясняет, что здесь появится и как начать.