Design System Starter
Tokens, twelve components, and a Figma library to match.
We do not build large design systems on speculation. We build small ones that are actually used. This engagement delivers a tight token layer (colour, type, spacing, radii, shadows, motion) and twelve components that cover at least eighty percent of what most marketing sites and product surfaces need: button, input, card, navigation, table, modal, toast, badge, avatar, tabs, accordion, and content blocks. Delivered in Figma and in code, with documentation that a new engineer or designer can read in an afternoon.
What ships.
Standard list for this chapter. Adjusted per brief when the engagement warrants it.
How it runs.
Same shape every time. Skipping a phase is rare and always written down.
01 — Inventory
We catalogue what you already use, what is repeated, and what is missing.
02 — Tokens
Colour, type, spacing, radius, shadow, motion. Locked before anything is built.
03 — Components
Twelve components, designed and built in parallel by two team members.
04 — Documentation
A site that documents each component with do / don't and accessibility notes.
05 — Handover
Live training, a recorded walkthrough, and the written manual.