Витрина

Компоненты DS Dynamika

Каждый компонент показан во всех состояниях на нейтральном фоне. Разметка на страницах — та же, что в рабочих экранах продуктов: витрина и продукт собираются из одних и тех же компонентов, отличаются только данные.

Основы

Токены и типографика
Figma: коллекция Semantic

Значения читаются прямо из CSS — справочник не расходится с вёрсткой.

Атомы

Кнопка
Figma: 07 – Button
Поле ввода и селект
Figma: 01 – Input · 02 – Select
Чекбокс
Figma: 04 – Checkbox
Тег статуса
Figma: Component · tag/*
Иконка
Figma: Icon

Неделимые элементы. Имена и варианты зеркалят страницы библиотеки в Figma.

Молекулы

Собираются из атомов и отвечают за одну задачу навигации или ввода.

Организмы

Собираются только из атомов и молекул — собственных инпутов, кнопок и тегов не содержат. Каждое состояние — отдельный адрес.