# Foundations

> The 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.


- [Colour](https://projectious-work.github.io/brand/v3.0.0/docs/foundations/color/index.md) — Three 12-step scales in two modes, their step roles, and the contrast rules that govern them.
- [Typography](https://projectious-work.github.io/brand/v3.0.0/docs/foundations/typography/index.md) — Three typefaces, three jobs, and the v2.1.1 type ramp.
- [Space, shape & motion](https://projectious-work.github.io/brand/v3.0.0/docs/foundations/space-shape-motion/index.md) — The 4px spacing base, the radius and elevation ladders, and the motion tokens.
- [Responsive](https://projectious-work.github.io/brand/v3.0.0/docs/foundations/responsive/index.md) — The four breakpoints, how the 12-column grid collapses, touch-target sizes, and the mobile navigation pattern.