Services / Design system
For product teams
Design system
A proper, scoped design system for your product team. We start with the components you actually use right now (which is almost always fewer than you think) and build out only what the team will reach for in the next two quarters. Tokens, primitives, components — typography ramps, spacing scale, full state variants, form controls, surface treatments, motion guidelines, and a short documented contribution flow. Built in Figma with variables, and a written guide so future hires can adopt it without a workshop.
What’s included
Everything that ships with this engagement.
A complete list of what lands in your shared drive at handover. Anything outside this list is discussed and quoted as a change request before any extra time is spent.
- 01 Audit of every component currently in production across your product.
- 02 Design tokens (colour, type, spacing, radius, motion) with variable bindings.
- 03 Primitive layer (typography, icon, badge, button, field, surface).
- 04 Component layer scoped to your next two quarters of work.
- 05 Light and dark token tables, ready to swap.
- 06 Written contribution guide and a two-hour live training session for your team.
How it runs
The week-by-week flow.
Every engagement runs to a written schedule. Below is what your calendar looks like, week over week, from kickoff to handover.
-
Phase 01
Audit
A week of reading your existing screens, mocks, and patterns.
-
Phase 02
Tokens
The base layer agreed before any component is opened.
-
Phase 03
Build
Primitives first, then components, with weekly reviews.
-
Phase 04
Adopt
A live walkthrough with your design and engineering teams.
Ready to book?
Continue to checkout for a secure payment, or get in touch first if you’d rather talk through the brief before anything changes hands.