Start a project→Design thatsurvives a CMS.
We design the system, not the homepage. Blocks, states, and rules — so the twentieth page your team builds without us still looks like the one we shipped.
What the work covers
Six things, done properlyBlock-level design
Every content block designed with its empty, long, short, and mobile states — so editors can't accidentally break the layout.
Design system and tokens
Type scale, spacing, colour, and component rules delivered as tokens the build consumes directly.
Brand and visual language
Where a brand doesn't exist yet, or exists only as a logo, we build enough of one for the site to feel deliberate.
Prototypes for sign-off
Clickable prototypes for the flows that matter, so stakeholders react to something real before build starts.
Accessibility built in
Contrast, focus order, target size, and motion preferences designed in — checked, not assumed.
Build-ready handover
Figma structured for developers, with specs, states, and a block inventory mapped to the CMS.
Figma · design tokens · Gutenberg block patterns · prototypes · WCAG 2.2 AA
How it runs
Four stages · no black boxInputs
Stakeholder interviews, analytics, competitor pass, and a content audit. We design against evidence.
Direction
Two distinct art directions on real content — not moodboards. You pick one, we go deep.
System
Blocks, states, responsive rules, and the page templates assembled from them.
Build support
We stay through build, reviewing implementation and fixing the gaps between Figma and browser.
“Two years on, pages our team built ourselves still look like the launch design. That has never happened to us before.”
What it costs
Full pricing →Site design
from $8,000Design system
from $18,000Landing page
from $2,800Questions we get asked
Answered plainlyWe write structure and direction, and we'll draft it if you want. Best results come from us shaping it with someone who knows the business — design and copy are one job.
Two structured rounds per stage, which is usually plenty because we agree direction before detail. Extra rounds are billed hourly and we'll flag it before starting.
Yes. The handover is built for that — specs, tokens, block inventory, and a review pass on your implementation.
That's what the two-direction stage is for. We show you one safe route and one that takes a position, and we'll argue for the one that fits your market.
Often. Roughly a third of our design work is handed to an in-house or third-party dev team.