**Дизайн-токени теж можуть перетворитися на хаос**

Коли дизайн-система виростає до сотень токенів, головним питанням стає не лише те, _як _їх_ назвати_, а наскільки легко буде знайти потрібний, зрозуміти його призначення та відрізнити від схожих.

Автор пропонує розглядати токени на трьох рівнях:
→ _Примітивні_ — описують саме значення: `color-blue-blue_600`, `spacing-md`, `radius-full`.
→ _Семантичні _— описують намір: наприклад, `color-background-primary`. Такий токен може посилатися на примітивний, але його назва вже не залежить від конкретного кольору.
→_ Компонентні_ — описують використання в конкретному компоненті: наприклад, колір фону основної кнопки у стані hover.

Тобто логіка така:
**значення → намір → використання**
Якщо зміниться брендове синє, достатньо змінити зв’язок на рівні примітивного/семантичного токена, а не шукати цей колір у десятках компонентів.
Є й цікавіший нюанс: _довші та «детальніші» назви не обов’язково_

[📚Повний матеріал про систему неймінгу токенів](https://www.designsystemscollective.com/design-token-naming-that-scales-how-to-prevent-token-chaos-b92ff4cd55fd)

❖ Персональне менторство (900 грн/міс) • [YouTube канал](https://www.youtube.com/@chronicwebdesign)