Проверка интерфейса

Спокойный рабочий штаб: ясная иерархия, без лишнего шума. Здесь только базовые блоки — чтобы убедиться, что токены, типографика и shadcn выглядят как задумано, без продуктовых экранов и данных.

Кнопки

Основные варианты действий и вторичные действия.

Светофор дедлайнов

Цвета из токенов status-* — так же будут читаться индикаторы в календаре и списках.

Красный
Просрочено, сегодня, критичный блокер
Оранжевый
Завтра, зона повышенного риска
Жёлтый
Через 2–3 дня, мягкое предупреждение
Зелёный
В норме, под контролем
Синий
Планово, дальний срок, синк
Фиолетовый
Заказчик, внешнее согласование
Нейтральный
Без срочности по дедлайну

Карточки

Плотный, но воздушный блок для сводок и сущностей.

Карточка-пример

Краткий контекст: что это за блок и зачем он на экране.

В продукте здесь будут задачи, материалы и апдейты — сейчас только визуальная сетка.

Компактная карточка

Меньше вертикальных отступов.

Удобно для второстепенных заметок и подсказок в боковой колонке.

Скелетон

Загрузка списка без мигания контента.

Пустое состояние

Подсказка к действию, а не «ошибка».

Пока нет активности

События появятся по мере работы команды. Здесь будет лента — когда подключим данные.

Бейджи статусов

Системные варианты shadcn — для ролей, меток и служебных пометок.

АктивноЧерновикНа согласованииТребует внимания