Skip to content

Дизайн-система Webcetera

Центральный хаб визуальных стандартов проекта. Здесь зафиксированы правила построения интерфейсов, которые обеспечивают консистентность продукта и быструю передачу макетов в разработку.

🔗 Полезные ссылки

  • Figma UI Kit — Основной файл с компонентами и библиотекой стилей.
  • Icon Pack — Библиотека системных иконок.

🎨 Содержание раздела

Основы (Foundations)

Базовые элементы, из которых строятся интерфейсы:

  • Типографика — регламент нейминга текстовых стилей для Desktop и Mobile.
  • Цветовая палитра — системные токены и правила использования цветов.
  • Сетка и отступы — стандарты композиции и вертикального ритма.

Компоненты (Components)

Библиотека готовых функциональных блоков (в разработке):

  • Кнопки, инпуты, контроллы.
  • Модальные окна и навигация.

📋 Принципы работы

  1. Единый нейминг: Имена стилей в Figma должны строго соответствовать утвержденному регламенту.
  2. Auto Layout: Все компоненты и экраны собираются с использованием автолейаутов.
  3. Версионность: Любые изменения в глобальных стилях должны сопровождаться уведомлением команды в Slack/Telegram.