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

Эфир.AZ

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

Интерфейс чата

Входящий пузырь — на surface, исходящий — на акценте (белый текст в свете, тёмный на светлом голубом в тёмной теме). Имя отправителя — акцентом, время и галочки прочтения — приглушённо, реакции — чипами. Акцент только на свои пузыри, не на весь экран.

ПД
Проектная · Дизайн
Марина печатает
онлайн
Марина Котова
Собрала макеты новой ленты, кинула в канал. Глянешь до созвона?
10:24
Да, уже смотрю. Голубой на кнопках — то, что надо 👌
10:26 ✓✓
🔥 2
Игорь Лапин
Только фон карточек не красьте акцентом — остаётся нейтральным.
10:27
👍 3🙌 1
Принято. Выкатываю правку в 11:00.
10:28 ✓✓
Написать сообщение…

Список чатов

Аватар-кружок с инициалами на фиксированном приятном цвете (не акцент продукта), имя со значком типа, превью последнего сообщения, время и бейдж непрочитанного — акцентом. Замученные чаты — серым.

ПД
Проектная · Дизайн
10:245
АЭ
📣Анонсы Эфира
09:501
ИЛ
Игорь Лапин
10:27
Б
Дежурный-бот
Вчера2

Кнопки, статусы, поле ввода

Акцент — только на действия и исходящие пузыри. Статусы присутствия — семантикой (онлайн — good), не акцентом. Никаких градиентов и цветных теней.

Кнопки

Статус-чипы присутствия

онлайн был в 9:41 печатает… 7

Поле ввода сообщения

иконки — нейтральные, отправка — акцентом
Сообщение команде…

Звонок

Карточка входящего звонка. Действия — семантикой: принять зелёным (good), отклонить красным (bad). Кнопки звонка НЕ красим акцентом — акцент здесь ни при чём.

Входящий звонок · Эфир
ДС
Даниил Соколов
Аудиозвонок · зашифрован
Отклонить
Принять

Как не сломать бренд Эфира

Голубой — на исходящие пузыри, бейдж непрочитанного, кнопку отправки и активные действия.

Присутствие и звонки — семантикой (онлайн зелёный, принять/отклонить good/bad), НЕ акцентом. Аватары — фиксированные приятные цвета.

Не красить акцентом весь фон чата, шапку или входящие пузыри. Фон ленты — плоский нейтральный.

Без градиентов на пузырях и кнопках, без теней цветом акцента; не мешать голубой с акцентами ЗБС/ИИ/BI/Tasker.