vai8 design system · final

Единый язык интерфейса

Окончательная редакция: все пакеты в одном документе — токены, логотип, компоненты, данные, AI-паттерны и агент приёмки, который проверяет систему по инженерным критериям и выдаёт вердикт готовности к релизу. Технократия в действии: решения по данным, а не по вкусовщине.

Готовность к релизу
прогоните агента приёмки в разделе 06
Тем
3
charcoal · ivory · terracotta + регуляторы
Пакетов
7
основа · лого · компоненты · данные · паттерны · QA
01 · foundation

Токены

Цвет, типографика, ритм отступов, радиусы, тени и движение. Контраст у каждого цвета считается по WCAG прямо сейчас — и меняется при смене темы.

Цвет и контраст (текущая тема)
Типографика
display / 30·800Извлекаем сильное
heading / 20·700Заголовок раздела
body / 15·400Основной текст интерфейса для длинных описаний.
small / 13·400Вторичный текст и подписи.
mono / 13vault.seif · agent-001 · #f0a35e
Ритм отступов · 4pt
Радиусы и тени
Радиусы
6
10
14
круг
Тени
sm
lg
03 · components

Компоненты

Все интерактивные состояния: обычное, наведение, нажатие, фокус, загрузка, блокировка, ошибка, успех.

Кнопки
Формы
Укажите корректный e-mail
Подтверждено
Бейджи и уведомления
Статусы
Live Готово Кандидат Карантин Черновик
ГотовоЭталон добавлен в корпус.
ВниманиеЛимит расходов почти исчерпан.
ОшибкаСервер OpenFang недоступен.
04 · data

Таблица

Поиск, сортировка по столбцам, раскрытие деталей. Клик по строке разворачивает данные агента.

Агент Роль Статус Нагрузка Расход
05 · patterns

AI-паттерны

Диалог с моделью: сообщения с usage-плашкой, композер с русским вводом и авто-EN превью, пустые состояния.

Э
Эмир
Отбери сильные референсы минималистичных лендингов.
Claude Opus 4.8
Собрал три по разным школам: Linear (воздух + один акцент), Vercel (контраст строгого и живого), Stripe (дисциплина сетки).
48→212 ток.1.84 с$0.0061
EN→OpenFang
Пустые состояния

Пока нет агентов

Создайте первого, чтобы он начал собирать темы.

Не удалось загрузить

Сервер недоступен. Повторите попытку.

06 · acceptance agent ★

Агент приёмки

Не декорация — движок проверок. Прогоняет систему по инженерным критериям: контраст по WCAG считается по-настоящему для текущей темы, полнота состояний, доступность, версионирование, консистентность, адаптив. Выдаёт вердикт «выпускать / на доработку».

QA Acceptance AgentГотов к запуску · 6 категорий · 14 проверок
0%готовность
0 Пройдено0
0 Предупреждения0
0 Провалено0
ОЖИДАНИЕЗапустите приёмку для вынесения вердикта

Настройка темы

🌙 Яркость100%
Оттенок
Насыщенность100%