Семантический токен

Определение

Токен роли (text-danger), а не сырого значения (red-500).

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

Отвязывает смысл от конкретного цвета — облегчает темизацию.

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

Связка между базовой палитрой и компонентами.

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

Bigtech

Bigtech

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

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

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

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