Разработка комплексной дизайн-системы

Необходимо создать полную, документированную дизайн-систему для использования в продуктах компании. Система должна обеспечивать единообразие интерфейсов и ускорять процесс разработки.

Основные компоненты системы

  • Фундаментальные стили:
    • Цветовая палитра (основные, акцентные, нейтральные, статусные цвета)
    • Типографика (шкала заголовков, текстовые стили, шрифты, межстрочные интервалы)
  • Библиотека UI-компонентов:
    • Кнопки (все размеры, типы и состояния)
    • Поля ввода (инпуты, текстовые области, выпадающие списки)
    • Карточки контента
    • Навигационные элементы (меню, пагинация, хлебные крошки)
    • Другие повторяющиеся элементы интерфейса
  • Состояния компонентов:
    • Активное, неактивное, ховер, фокус, ошибка, успех, загрузка
  • Набор иконок:
    • Единый стиль для всей иконографии
    • Все необходимые для интерфейса иконки
    • Несколько размеров каждого символа

Требования к результату

  • Система должна быть целостной и масштабируемой
  • Все компоненты должны быть четко документированы (назначение, варианты использования)
  • Необходимо предоставить руководство по стилю (Style Guide)
  • Формат предоставления материалов и исходных файлов обсуждается с исполнителем