АссортиZ · Брендбук
⬇ Токены CSS
Продукт · ИИ

ИИ.AZ

Умный помощник внутри всех продуктов платформы. Акцент — фиолетовый: интеллект и спокойная уверенность. Ниже — живые компоненты помощника на токенах брендбука. Переключите тему в шапке — всё перекрашивается само.

Диалог с ассистентом

Реплика пользователя — нейтральный пузырь на surface‑2 справа. Ответ ИИ — tint‑подложка с тонкой акцентной рамкой и аватаром ✦ акцентом. Акцент — на ассистента, не на весь фон диалога.

Я
Собери, что обсуждали в чате «Отдел продаж» за сегодня.
Готово. Ключевое за день: согласовали КП для «Ротор», перенесли демо на четверг и договорились обновить прайс к пятнице. Сделать краткую сводку или развернуть по пунктам?
Я
Краткую, и добавь, кто за что отвечает.
Секунду, собираю…

Поле промпта

Крупное поле ввода с кнопкой отправки акцентом. Под ним — чипы-подсказки частых промптов: тапнул и уточнил. Чипы нейтральные, при наведении подсвечиваются акцентом.

Возможности

Иконка-эмодзи, заголовок и короткое описание. Подложка иконки — акцентный tint, текст описания — нейтральный. Никаких больших плашек акцентом.

🧵

Сводка переписки

Сжимает длинный чат до сути: решения, договорённости и кто за что отвечает — за секунды.

🔍

Умный поиск

Находит по смыслу, а не по словам: «где мы обсуждали цену для Ротора» — и вот нужное сообщение.

✍️

Черновик ответа

Предлагает вежливый ответ в вашем тоне с учётом контекста диалога. Правьте и отправляйте.

🌐

Перевод на лету

Переводит сообщения и черновики, сохраняя смысл и деловой тон переписки.

Генерация и стриминг

Пока ассистент думает — плоский индикатор акцентом с прогрессом (без градиентов). Ответ печатается потоком с мигающим курсором. Всё уважает prefers-reduced-motion.

Индикатор «ИИ думает»

Генерирую ответ

Стриминг текста

Составил черновик: «Добрый день! Спасибо за письмо, направляю обновлённое КП

Кнопки и чипы-состояния

Акцент — только на действия ассистента. Состояния — семантикой: «Генерирую» акцентом (это активное действие ИИ), «Готово» — good, «Ограничение» — warn.

Кнопки

Чипы-состояния

Генерирую Готово Ограничение Ошибка

Как не сломать бренд ИИ

Фиолет — на действия ассистента и его аватар ✦ (кнопка «Спросить ИИ», индикатор генерации, активный чип).

Будущее и интеллект передаём формой: чистые пузыри, аккуратный стриминг, спокойная анимация точек.

Не красить акцентом весь фон диалога и большие плашки. Без градиентов на кнопках и без теней цветом акцента.

Не перегружать цветом ради «умности» и не мешать фиолет с акцентами Эфира/ЗБС/BI/Tasker.