Цветовая палитра
Бренд (Акцентные)
Primary Accent
var(--color-accent-primary)
Accent Hover
var(--color-accent-hover)
Accent Muted
var(--color-accent-muted)
Статусные (Сигналы)
Success
var(--color-success)
Warning
var(--color-warning)
Danger
var(--color-danger)
Info
var(--color-info)
Фоны и Поверхности (Зависят от темы)
BG Primary
var(--color-bg-primary)
BG Secondary
var(--color-bg-secondary)
BG Elevated
var(--color-bg-elevated)
BG Surface
var(--color-bg-surface)
Типографика
Space Grotesk — Headings (Display)
Heading Style One
Heading Style Two
Heading Style Three (Card Title)
DM Sans — Body Text
Large Body Text: Используется в подзаголовках секций. ASCAER позволяет автоматизировать процессы контроля приборов учета.
Base Body Text: Основной текст сайта. Функция позволяет решать задачи по энергоконтролю генерирующих организаций.
Small Body Text: Дополнительная информация, лейблы, детали компонентов.
JetBrains Mono — Data & Code
192.168.1.1:8080 / DEVICE_ID: 9X-214
Компоненты кнопок
Primary (Default)
Secondary (Outlined)
Large Sizes
Статусы устройств (Dash)
● В сети
● Предупреждение
● Ошибка
✦ Бейдж Категории
Типы карточек (Elevated)
📊
Стандартная Карточка
Используется в разделе особенностей и преимуществ.
Панель Управления
Пример строки
84%