Атом (atomic design)

Определение

Самый мелкий функциональный UI-элемент (кнопка, инпут).

Для чего нужен

Базовый кирпич атомарного дизайна — из него собираются молекулы.

Где используется

Низ иерархии компонентов.

Взято из кейса

HRtech

Bigtech

Базовая строка списка с вариациями (SimpleCell, RichCell).

Базовый слой системы: цвет, типографика, отступы, сетка, иконки.

Один продукт под разными брендами на единой базе.

Корректное поведение под разные размеры экрана/контейнера.