Primitives — Cascade

Hex codes and pixel values scattered across the codebase have no meaning and no owner.

A primitive is a raw value with a name. blue-600 is #2563eb. That's a fact, not a decision. You define them once and rarely touch them again.

Nothing in the UI should reference a primitive directly. A primitive sits in the palette until a semantic token points at it. Until then, it does no work.

Rename a token. Change a value. The button below is hard-coded. It will not move.

Name for blue-500Value for blue-500

Name for blue-600Value for blue-600

Name for blue-700Value for blue-700

Name for slate-50Value for slate-50

Name for slate-200Value for slate-200

Name for slate-900Value for slate-900

Name for red-600Value for red-600

Name for radius-sm

Name for radius-md

Name for radius-lg

The button is still a hard-coded hex. Rename and revalue the palette. Nothing on screen that matters will move.

You edited facts. Nothing consumed them. That gap is the next two layers.