projectious·workThe primitives — colour, typography, spacing, shape, and motion. Everything else composes from these.
Foundations are the values the rest of the system is built from. They are deliberately small in number and fixed: a component may choose which token to use, but it does not invent new ones.
Three 12-step scales, three appearances, semantic pairs, and the contrast rules that govern them.
Three families, three roles, a scalable reading-first ramp, and the font cuts required to preserve meaning.
The 4px spacing base, the radius and elevation ladders, and the motion tokens.
The four breakpoints, how the 12-column grid collapses, touch-target sizes, and the mobile navigation pattern.