Система дизайна AIMS
Полное руководство по стилю и компонентам интерфейса платформы AIMS.SalesControl
Типографика
Заголовки
Заголовок H1
Заголовок H2
Заголовок H3
Заголовок H4
Заголовок H5
Заголовок H6
Текст и ссылки
Обычный параграф текста с базовым размером шрифта.
Приглушенный текст меньшего размера.
Очень мелкий текст для подписей.
- Элемент маркированного списка
- Второй элемент списка
- Третий элемент списка
- Первый пункт нумерованного списка
- Второй пункт списка
- Третий пункт списка
Цветовая палитра
Primary
Основной акцентный цвет
#F5B400Background
Фон страницы
hsl(var(--background))Foreground
Основной текст
hsl(var(--foreground))Card
Фон карточек
hsl(var(--card))Muted
Приглушенный фон
hsl(var(--muted))Accent
Акцентный фон
hsl(var(--accent))Border
Границы элементов
hsl(var(--border))Destructive
Ошибки и удаление
hsl(var(--destructive))Кнопки
Варианты кнопок
Размеры кнопок
Кнопки с иконками
Элементы форм
Поля ввода
Элементы выбора
Пример формы с валидацией
Это поле обязательно для заполнения
Поле заполнено корректно
UI Компоненты
Карточки
Простая карточка
Описание карточки
Содержимое карточки с основной информацией.
Карточка с футером
Карточка с дополнительными действиями
Основное содержимое карточки.
Выделенная карточка
Карточка с акцентной границей
Важная информация в выделенной карточке.
Бейджи и аватары
По умолчанию
Вторичный
Контурный
Деструктивный
АБИВМП
Вкладки
Содержимое первой вкладки.
Аккордеон
Прогресс и подсказки
Прогресс выполнения65%
Модальные окна
Уведомления (Toast)
Графики и диаграммы
Столбчатая диаграмма
Пример визуализации данных
Янв
Фев
Мар
Апр
Май
Хуй
Круговая диаграмма
Распределение по категориям
65%
Иконки
Примеры макетов
Макет боковой панели
Пример структуры дашборда
Заголовок страницы
УСетка карточек
Адаптивная сетка для контента
Система дизайна AIMS.SalesControl • Версия 1.0 • Обновлено 04.10.2025