Один визуальный язык для всех продуктов imbba
Правила, файлы и готовые токены, которые помогают создавать узнаваемые интерфейсы — от первого экрана до последней кнопки.
imbbaСпокойная технология.
Ясный результат.
imbba выглядит уверенно, современно и по-деловому. Мы убираем лишнее и оставляем то, что помогает человеку действовать.
Ясность
Понятная иерархия, короткие формулировки, предсказуемые элементы управления.
Системность
Семантические токены вместо случайных цветов и единая геометрия компонентов.
Фокус
Жёлтый выделяет главное действие. Всё остальное поддерживает содержание.
Доступность
Контраст, видимый фокус и равноправные светлая и тёмная темы.
Знак непрерывного движения
Ленточный знак бесконечности — основной визуальный символ imbba. Используйте только утверждённые файлы.
Защитное поле
Оставляйте вокруг логотипа свободное пространство не меньше высоты строчной буквы.
24 px96 pxМинимальный размер
Знак — от 24 px. Полный логотип — от 96 px по ширине. Ниже используйте только знак.
Так нельзя
Не перекрашивать, не искажать пропорции, не добавлять тени, свечение, обводки и подложки.
Жёлтый задаёт направление
Фирменный цвет используется дозированно — для главных действий, фокуса и бренд-графики. Нажмите на значение, чтобы скопировать.
oklch(1 0 0)oklch(.145 0 0)oklch(.97 0 0)oklch(.922 0 0)oklch(.205 0 0)oklch(.985 0 0)oklch(.269 0 0)white / 10%Интерфейс говорит спокойно
Основной шрифт — системный стек Segoe UI. Для одинакового отображения на всех платформах в комплект включён Inter Variable.
Segoe UI
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789
Компоненты работают как система
Базовый модуль — 4 px, радиус — 8 px. Тени мягкие, элементы компактные, а цвет всегда отражает смысл.
Прямо, понятно,
по-русски
Интерфейс помогает действовать, а не демонстрирует внутреннюю сложность системы.
«Сотрудник готов к работе»
«Не удалось сохранить изменения. Попробуйте ещё раз»
«Виртуальные сотрудники»
«Agent initialized successfully»
«Internal server exception #500»
«Цифровые сотрудники»
Возьмите систему с собой
Полный комплект содержит логотипы, favicon, шрифты, CSS-токены, JSON, примеры компонентов и исходное руководство.
imbbabrand assetsSVG · PNG · CSS · JSON