DOT Brand System / UI Kit 01
Рабочие элементы панели
Образцы состояний для администратора. Нажимайте кнопки, переключайте вкладки и тему. Данные на странице демонстрационные.
Версия компонентов 1.0
01 / Действия
Кнопки и обратная связь
Основное действие
Один красный акцент на группу действий.
Статусы
Значение написано словами и не зависит от восприятия цвета.
Готово
Требует внимания
Ожидает
02 / Навигация
Вкладки и содержимое
Обзор. Общая информация и быстрые действия.
Проекты. Список направлений DOT.
Активность. Последние события и изменения.
Вкладки доступны мышью, касанием и клавишами ← → Home End.
03 / Данные
Таблица и поля
| Направление | Состояние | Действие |
|---|---|---|
| DOT / Bridge | Пример | |
| DOT / CRM | Пример | |
| DOT / Monitoring | Пример |
На узком экране таблица прокручивается по горизонтали.
Поля формы
Начните вводить название.
04 / Загрузка
Буква O как индикатор
Известный прогресс
64%Прогресс неизвестен
Процент появляется только при измеримом процессе. Системная настройка уменьшения движения отключает анимацию.
Обратная связь
Одно действие — одно подтверждение
При копировании сообщение появляется рядом с кнопкой. Оно не дублируется всплывающим уведомлением.