Одно имя — много продуктов
АссортиZ — зонтичный бренд: платформа, внутри которой живут самостоятельные продукты. Слово «ассорти» означает набор, коллекцию — и бренд честно это отражает.
Буква Z — носитель идентичности продукта. «АссортиZ» набирается нейтральным цветом, финальная Z окрашивается в фирменный цвет продукта. По цвету Z пользователь мгновенно понимает, где находится.
На главной assortiz.ru, где продукты собраны списком, Z остаётся нейтральной либо принимает градиент из всех трёх акцентов — это «витрина ассорти».
Единство
Один шрифт, одна сетка, одни нейтральные цвета. Продукты узнаются как семья.
Различимость
Каждый продукт получает собственный акцент — он один (или пара, как у CRM), но применяется последовательно.
Масштабируемость
Новый продукт = новое имя после тире + новый акцент. Больше ничего менять не нужно.
АссортиZ — «Продукт»
Формула нейминга едина: имя платформы, длинное тире, имя продукта. Тире окрашивается в акцент продукта.
| Полное имя | Короткое имя | URL | Акцент |
|---|---|---|---|
| АссортиZ — Эфир | Эфир | assortiz.ru/efir/ | Голубой |
| АссортиZ — CRM | CRM · ЗБС | assortiz.ru/crm/ | Хвоя + медь |
| АссортиZ — ИИ | ИИ | assortiz.ru/ii/ | Фиолетовый |
Правила написания
«АссортиZ» — прописная А, две «с», латинская Z в конце. Всегда одним словом, без пробелов.
Разделитель — длинное тире « — » с пробелами: АссортиZ — Эфир.
Внутри продукта допустимо короткое имя: «Эфир», «CRM», «ИИ». Для CRM допустим подзаголовок Закупки · Бюджет · Склад.
Нельзя: «Ассортиз» (латинская z), «AssortiZ» кириллицей+латиницей вперемешку, «Ассорти Z» с пробелом, дефис вместо тире.
Текстовый логотип
Основной знак — словесный, шрифт Unbounded Bold. Z — единственный цветной элемент. Переключите продукт и тему на панели сверху, чтобы увидеть варианты.
Охранное поле
Со всех сторон — свободное поле не меньше высоты буквы Z. Минимальный размер: 24 px на экране, 8 мм в печати.
Фавикон и аватар
В малых размерах — буква Z в акцентном цвете на нейтральной плашке или графический знак продукта (см. следующий раздел).
Знак + слово
Помимо словесного логотипа у ключевых продуктов есть графические знаки — для иконок приложений, аватаров и узких мест интерфейса. Файлы лежат в папке brandbook/logos/.
Ассортиз · зонтик
Общий знак экосистемы. Используется на главной, в презентациях и там, где продукт не указан.
АссортиZ · CRM
Знак ЗБС: хвоя + медь. В sidebar, favicon и splash CRM «Закупки · Бюджет · Склад».
АссортиZ · Эфир
Мессенджер «Эфир». Плоский акцент #155F8C, origami AZ как у семейства — только голубая палитра, хвост пузыря вместо ящика CRM.
Правила использования знаков
Графический знак всегда с прозрачным фоном или на нейтральной плашке — без белой «ореолы».
В интерфейсе продукта — знак этого продукта. На витрине — зонтичный или набор всех трёх.
Не растягивать, не менять пропорции, не перекрашивать элементы знака произвольными цветами.
Две темы, три акцента
Нейтральная база общая для всех продуктов. Акцент — один на продукт (у CRM — пара: хвоя + медь). В тёмной теме акцент светлее, чтобы сохранить контраст.
Нейтральная база
Светлая тема
Тёмная тема
Эфир · Голубой
лёгкость, воздух, скорость общенияСветлая тема
Тёмная тема
CRM · Хвоя + медь
надёжность, дело, тёплый порядок — как в рабочем ЗБССветлая · основной (хвоя)
Светлая · вторичный (медь)
Тёмная · основной
Тёмная · вторичный
ИИ · Фиолетовый
интеллект, будущее, глубинаСветлая тема
Тёмная тема
Правила применения цвета
Акцент — для действий: главные кнопки, ссылки, активные состояния, буква Z, прогресс.
Tint — для мягких подложек: бейджи, выделения, фоновые блоки. Текст на тинте — цвет Deep.
В тёмной теме текст на акцентных кнопках — тёмный (#101114), в светлой — белый.
Нельзя смешивать акценты двух продуктов на одном экране (исключение — витрина на главной).
Нельзя красить акцентом длинный текст, фоны целых страниц и второстепенные элементы.
Три шрифта, три роли
Все шрифты бесплатные, с полной кириллицей, доступны в Google Fonts — одинаково работают на сайте и в интерфейсах продуктов.
Заголовки, логотип, крупные цифры. Используется дозированно — не ниже 17 px.
Основной текст интерфейса и сайта. Manrope спокоен, отлично читается в обоих режимах и держит мелкие кегли: подписи, таблицы, навигацию, кнопки. Насыщенность 400 для текста, 600–700 для интерактивных элементов.
Шкала размеров
Как мы говорим
Тон один для всей экосистемы, но акценты разные: Эфир — живее, CRM — деловитее, ИИ — точнее. Без канцелярита и без панибратства.
Спокойные, уверенные, по делу. Объясняем сложное простыми словами. Не продаём агрессивно — показываем пользу.
Не используем «инновационный», «революционный», «лучший на рынке». Не кричим caps lock'ом. Не шутим там, где пользователь теряет деньги или сроки.
✓ «Заявка отправлена на согласование» · ✓ «Период сбора открыт до 15 числа» · ✕ «Ваша заявка успешно зарегистрирована в системе!»
Живая витрина UI
Компоненты на токенах — при переключении темы или продукта перекрашиваются автоматически. Так устроена вёрстка на assortiz.ru и в продуктах.
assortiz.ru — список продуктов
Единственное место, где три акцента встречаются на одном экране. Каждая карточка ведёт на свой раздел и несёт свою окрашенную Z.
АссортиZ — Эфир
Быстрое общение команды: чаты, каналы, звонки.
assortiz.ru/efir/ →АссортиZ — CRM
Закупки, бюджет и склад — ЗБС в одном продукте.
assortiz.ru/crm/ →АссортиZ — ИИ
Умный помощник внутри всех продуктов платформы.
assortiz.ru/ii/ →На примерах
Типичные ошибки, которые ломают узнаваемость. Сравнивайте визуально — так проще передать подрядчикам.
✓ Правильно
Z в акценте продукта, остальные буквы нейтральные, шрифт Unbounded.
Один акцент на экране, кнопка на токене --accent.
✕ Неправильно
Градиент на всём слове внутри продукта — только на витрине.
Градиентная кнопка и смешение акцентов двух продуктов.
Коротко: как не сломать бренд
Одна тема — один нейтральный набор. Один продукт — один акцент (CRM: хвоя + медь). Z всегда цветная.
Unbounded — только заголовки и логотип. Manrope — всё остальное.
Скругления: 12 px для кнопок и полей, 16–20 px для карточек. Сетка кратна 4 px.
Никаких градиентов на кнопках, теней цветом акцента и произвольных оттенков «на глаз».
Не вводить новые шрифты и цвета для отдельного лендинга — новый продукт получает только новый акцент.