Дизайн-система HELM.
Управляй компанией голосом.
Токены, типографика, иконки и компоненты white-label операционной системы бизнеса. Всё переключается темой, шрифтом и акцентом — попробуй кнопку настроек справа внизу.
Цветовые токены
Семантические переменные. Меняешь тему — обновляется всё. Наведи на свотч, чтобы скопировать значение.
Темы
Шесть готовых палитр для white-label. Кликни по карточке — переключится мгновенно.
Типографика
Заголовки — --font-h, текст — --font-b. Переключи шрифт заголовков ниже.
Иконки
Единая линия 1.6px на currentColor. Только наш набор — никаких эмодзи. Клик копирует data-ic="имя".
Кнопки
Варианты, размеры и состояния. Главное действие всегда на --accent.
Поля и формы
Инпуты, селекты, текст, переключатели, сегменты и слайдер. Фокус — кольцо акцента.
Чипы и бейджи
Статусы, метки и фильтры в едином стиле.
Карточки и KPI
Карточки модулей и метрические плитки с мини-графиками.
Голос собственника
Спроси компанию голосом — VOX поднимет данные, объяснит и предложит действие.
Лента решений
Поток готовых решений с авто-исполнением. Подтвердил голосом — запустилось.
AI-штат
Команда цифровых сотрудников: аналитик, маркетолог, финансист — работают 24/7.
Таблица данных
Список филиалов сети с метриками и статусами.
| Филиал | Город | Выручка | Динамика | Статус |
|---|
Орб VOX
Живой голосовой ассистент: орб реагирует на состояние. Нарисован на Canvas, окрашен акцентами темы.
Графики
Линейный тренд и круговая диаграмма — отрисованы кодом на Canvas, без библиотек.
Выручка сети
Каналы
Модалка и тост
Оверлеи и уведомления — попробуй вживую.