vai8 — единый язык интерфейса для всех продуктов сразу. Токены, компоненты и правила приходят по одному адресу: обновили систему — обновились все проекты, без переносов и ручной синхронизации.
Технократия вместо вкусовщины. Каждое решение в системе — следствие данных: контраст считается, отступы кратны сетке, состояния перечислены до единого. Спорить не о чем — есть спецификация.
Система задумана как общий слой: одинаково ложится на клиентские витрины, внутренние панели и продукты с ИИ-агентами.
Таблицы с поиском и сортировкой, раскрытие строк, пустые состояния, тосты. Плотный интерфейс, где важна читаемость на длинной дистанции.
Готовый контур чата: реплики пользователя и агента, композер с панелью действий, плашка расхода токенов и времени ответа.
Агент приёмки прогоняет макет по инженерным критериям: контраст, кратность отступов, полнота состояний, фокус. На выходе — вердикт релиза.
Раньше каждый новый экран начинался со спора о цвете кнопки. Теперь спорить не о чем — акцент один, он описан в принципах.
Три темы приехали бесплатно. Светлую версию просили полгода, здесь она включилась атрибутом на html.
Приёмка перестала быть перепиской на сорок сообщений. Есть список критериев, есть вердикт.
Главное — обновление централизованное. Правку в токенах подхватили одновременно четыре проекта, руками не трогали ни один.
Состояния кнопок и полей перечислены до единого. Раньше disabled и loading всплывали на ревью, теперь их просто не забывают.
Контраст считается, а не оценивается на глаз. Аудит доступности прошли с первого захода.
Двадцать шесть килобайт на всю систему. Это меньше, чем весил один наш баннер.
Дизайн-система работает ровно до тех пор, пока её ограничения нельзя обойти «в порядке исключения». В vai8 ограничения записаны машиночитаемо и проверяются агентом приёмки.
Читать спецификациюAmber отвечает за всё, что действует. Success, warning, danger и info — только семантика, никогда не декор.
Основной текст — от 7:1, вторичный — от 4.5:1. Значение считается, а не подбирается.
Отступы только из шкалы 4–48. Радиусы — из набора 6, 10, 14, 20 и 50%. Ритм неравномерный намеренно.
Для кнопки — hover, active, focus-visible, disabled, loading. Для поля — focus, error, success, disabled.
Только transform, opacity и box-shadow. При prefers-reduced-motion анимация выключается целиком.
Живой канал отдаёт актуальную редакцию, закреплённый — фиксирует версию для продакшена. Перенос токенов руками больше не нужен.
Оставьте контакты — пришлём ключ доступа и короткую инструкцию по подключению. Отвечаем в рабочие дни, обычно в течение суток.