krona-staff/docs/DESIGN-BRIEF-MANAGER-PORTAL.md

2.2 KiB
Raw Permalink Blame History

Design brief: кабинет руководителя

  • Назначение: ежедневный контроль присутствия, сотрудников и ручное заполнение табеля руководителем небольшой организации.
  • Контекст: защищённый операционный кабинет, а не маркетинговая страница.
  • Направление: спокойный плотный рабочий интерфейс с природной зелёной основой и золотым акцентом бренда Krona.
  • Отличительная идея: хронология отметок и табель остаются главным рабочим полотном, а управление сотрудниками доступно рядом и не уводит на отдельную техническую страницу.
  • Ограничения: существующий Fastify/PWA без нового frontend-фреймворка; адаптивность от мобильного браузера до рабочего монитора; клавиатурная навигация; reduced motion; никакой биометрии и секретов в браузере.

Локальная система

  • Цвета: тёплый рабочий фон, светлые поверхности, зелёный primary, золотой brand accent, семантические danger/info состояния.
  • Типографика: Georgia для крупных смысловых заголовков, Segoe UI для плотных управляющих элементов и таблиц.
  • Плотность: 44 px минимальная высота интерактивного элемента, компактные строки таблицы, адаптивный toolbar.
  • Формы: явные подписи, видимый focus, диалог для карточки сотрудника, встроенная строка создания записи табеля.
  • Движение: только короткие переходы состояния; полностью отключается через prefers-reduced-motion.