11. Design Tokens

11.3 Avoid value-oriented naming

Design Tokens · Section 11.3

Bad:

color.blue
color.lightGray
spacing.16

for application-level usage.

Better:

color.action.primary
color.border.default
spacing.component.gap

Semantic naming enables themes.

11.2 Token layers

Design Tokens · Section 11.2

11.4 Aliasing

Design Tokens · Section 11.4