Six tokens carry the whole palette. Ink and Onyx do the heavy lifting for text and dark sections, the three greys separate surfaces, and Racing Red is the single accent — used sparingly so it keeps its weight.

Inter Tight sets every heading, Geist carries body copy and interface labels. The scale steps by 1.2 — a minor third — from a 16px base, and each step scales down again at tablet and mobile through variable modes, so headlines never crowd a small screen.

Buttons are components, not loose elements. Drop one in, set its Text and Link props, and it inherits every state — you never restyle a button by hand. The two live instances below are the same components used across the site.

Every field type the template uses, with the same styling as the contact and newsletter forms. Focus states and error messages are styled at this level too, so a new form picks them up without extra work.

One spacing scale runs through every page — gaps, padding and section rhythm all draw from it. The layout sits on a 12-column grid with a 40px global margin.