Необходимо разработать полноценную дизайн-систему для сайта (или веб-приложения), которая будет использоваться командой разработки для дальнейшего масштабирования продукта.
Дизайн-система должна быть универсальной, понятной и легко расширяемой.
1. Базовые стили
Цветовая палитра (primary, secondary, success, warning, error, нейтральные цвета)
Типографика (шрифты, размеры, начертания, line-height)
Сетка и spacing-система (отступы, контейнеры)
Тени, бордеры, радиусы, блюр
Иконки (подбор или разработка стиля)
2. UI-компоненты
Нужно разработать (состояния обязательно: hover, active, disabled, loading):
Кнопки (primary, secondary, ghost и т.д.)
Инпуты (input, textarea, select)
Чекбоксы, радиокнопки, переключатели
Dropdown / Select
Модальные окна
Tooltip / Popover
Таблицы
Карточки
Навигация (header, sidebar)
Уведомления (toast, alert)
3. Состояния и поведение
Empty states
Error states
Loading states (skeleton / spinner)
Валидация форм
4. Адаптивность
Desktop / Tablet / Mobile версии
Правила поведения компонентов на разных экранах
🛠 Технические требования
Работа в Figma
Грамотная структура файлов
Naming conventions (понятные разработчикам)
🎨 Визуальный стиль
Предпочтительный стиль: glassmorphism (полупрозрачные элементы, blur, стеклянный эффект)
Основные цветовая палитра: серый, черный, оранжевый, синий
Ожидается современный, минималистичный UI
Важно сохранить читаемость и удобство использования
Опубликован 29.03.2026 в 14:47