Appearance
Дизайн-система Webcetera
Центральный хаб визуальных стандартов проекта. Здесь зафиксированы правила построения интерфейсов, которые обеспечивают консистентность продукта и быструю передачу макетов в разработку.
🔗 Полезные ссылки
- Figma UI Kit — Основной файл с компонентами и библиотекой стилей.
- Icon Pack — Библиотека системных иконок.
🎨 Содержание раздела
Основы (Foundations)
Базовые элементы, из которых строятся интерфейсы:
- Типографика — регламент нейминга текстовых стилей для Desktop и Mobile.
- Цветовая палитра — системные токены и правила использования цветов.
- Сетка и отступы — стандарты композиции и вертикального ритма.
Компоненты (Components)
Библиотека готовых функциональных блоков (в разработке):
- Кнопки, инпуты, контроллы.
- Модальные окна и навигация.
📋 Принципы работы
- Единый нейминг: Имена стилей в Figma должны строго соответствовать утвержденному регламенту.
- Auto Layout: Все компоненты и экраны собираются с использованием автолейаутов.
- Версионность: Любые изменения в глобальных стилях должны сопровождаться уведомлением команды в Slack/Telegram.