His seed-stage fintech spent £18K on a glossy brand book. Then the deck went into a Google Drive folder and stayed there. The colours in Figma drifted from the colours in code. Three buttons, three blues. His designer kept flagging it. His one engineer kept shipping past it, because nobody had given him a variable to use.
Service Branding agency UK · brand identity + design tokens + Storybook
A branding agency that ships the tokens. not just the PDF.
An identity that survives a Series A pitch deck, not a folder of logos your engineer can’t use — naming, brand voice, design tokens and brand book, plus the implementation in code, so what your designer ships and what your engineer ships are the same thing.
12UK brand systems shipped since 2019
100%still in use at the originating company
6wkfixed-scope brand sprint
(Why senior founders pick us)
Brand-only agencies hand off a PDF. We hand off the PDF, the design tokens, and the Storybook.
A brand book nobody can build from is a moodboard with footnotes. We close the gap between the deck and the codebase, so your team ships the brand you paid for, not an approximation of it.
0
Tokens+SB
2.2AA
The founder this page is for£18K brand deck · “the engineer ignored it” · one source of truth
Imran paid for a rebrand. The deck was beautiful. The product looked nothing like it.
The brand wasn’t the problem. The handoff was. A PDF can’t enforce anything. The moment the agency invoiced and left, the gap between what was designed and what was built started widening by the sprint, and an investor on the next call could see it.
We rebuilt his identity as a system, not a document. Naming held, the palette moved into Tokens Studio, the components went into Storybook with a visual diff in CI. One blue. One source of truth. This page is for founders who need a brand the codebase actually obeys.
The 6-week brand sprint
From brief to a brand the code obeys
A fixed-scope path from the first email to a working system. One number on Monday, naming, identity, tokens, Storybook, accessibility, and voice handed over 6 weeks later.
Step-01
The 5-day brand audit
We pull apart your current brand, find the drift and the contrast fails, and write you a plan for what to fix and in what order.
Step-02
Naming + verbal identity
Two rounds of naming, a brand voice document, and a tone-of-voice guide with real do-and-don’t examples. Founder voice, British English.
Step-03
Design tokens in code
Colour, type, spacing, and radius into Tokens Studio, exported as JSON. One blue, defined once, consumed by Figma and code alike.
Step-04
Storybook in your repo
A component library that lives in your GitHub org, with a visual diff in CI through Chromatic. A pull request that breaks the brand gets caught before it merges.
Step-05
WCAG 2.2 AA audit
axe plus manual testing on the palette and components. A procurement-defendable accessibility report at handover, not an afterthought.
Step-06
Handover + walkthrough
A recorded walkthrough of the token pipeline, the Storybook, and the rules, so your designer and engineer can run the system without us in the room.
Eight artefacts.
Every one in your repo, not just a PDF.
A brand identity agency hands over a document. We hand over the document plus the things that make it stick: variables your engineer consumes, a component library your team reuses, an accessibility report procurement can defend. Open any row.
Two rounds of naming, a brand voice document, and a tone-of-voice guide with real do and don’t examples. Founder voice, British English, anti-AI, GBP. The words your team writes the same way every time.
Logo, marks, typography, colour, and illustration style. Delivered as a brand book PDF and a tidy Figma library, so the deck and the working file never disagree.
Colour, type, spacing, and radius as design tokens, exported as JSON. Your engineers consume the exact variables Figma uses. One blue, defined once, used everywhere. No drift.
A component library that lives in your GitHub org, with a visual diff in CI through Chromatic. A pull request that breaks the brand gets caught before it merges, not after a customer notices.
axe plus manual testing on the palette and the components. A procurement-defendable accessibility report at handover, so the brand reads well and clears the contrast bar at the same time.
The voice profile applied to your top 10 pages by traffic, not left as theory in a guide. Founder voice, anti-AI, British English, GBP. Your homepage stops sounding like everyone else’s.
Components built with variants and auto-layout, wired to the same tokens as code. Your next designer opens the file and understands it in an afternoon, not a fortnight.
A recorded walkthrough of the token pipeline, the Storybook, and the do-and-don’t rules, so your designer and your engineer can run the system without us in the room.
The pain. The system that fixes it.
Every founder who emails us about branding is fighting one of these eight things. Each one is the gap between a brand that looks good in a deck and a brand your product actually wears every day.
- 01
“We have three blues. Figma says one, the code says another, the marketing site a third.”
One palette in Tokens Studio, exported to code. Colour is defined once and consumed everywhere. Designers and engineers read the same variable. The three blues become one blue, by design, not by nagging.
- 02
“We paid for a brand book and the engineer never opened it.”
A component library in the repo, not a PDF in a drive. The brand lives where your engineer works. Components are reusable, documented, and version-controlled. The rules are in the code, so they get followed.
- 03
“Procurement bounced our brand because half the text failed contrast.”
Accessibility audited before handover. axe plus manual testing on the palette and components. A procurement-defendable WCAG 2.2 AA report at handover, so the rebrand clears the bar the first time.
- 04
“Every page sounds like a different person wrote it, because they did.”
A voice profile applied to your top 10 pages. Not theory in a guide. We write the voice into your highest-traffic pages, with do-and-don’t examples your whole team can copy. Founder voice, British English, anti-AI.
- 05
“Our Figma is a graveyard of detached components nobody understands.”
A clean library with variants and auto-layout. Components wired to the same tokens as code. Your next designer opens the file and is productive in an afternoon, not a fortnight of archaeology.
- 06
“Our deck looks premium. Our product looks like a hackathon.”
The deck and the product share one system. Because the tokens feed both the slides and the screens, the brand an investor sees on slide three is the brand they see when you demo the product on slide nine.
- 07
“The last rebrand took five months and we still didn’t ship it.”
A fixed-scope, 6-week brand sprint. One number on Monday, a working system 6 weeks later. Naming, identity, tokens, Storybook, accessibility, voice. No open-ended retainer, no scope that quietly trebles.
- 08
“Last agency held our brand files hostage when we tried to leave.”
Everything in your org from commit one. Tokens, Storybook, and Figma library live in your accounts. IP assigns on commit. You can run the whole system without us, and we hand it over with a walkthrough so you can.
What a branding agency UK studio works on
Brand work a brand-only agency can’t hand you
Five things 12 UK brand systems have taught the studio. Not a brochure. The reasons founders pick a branding agency that also ships code.
12
UK brand systems shipped since 2019
100%
Still in use at the originating company
“For the first time the brand in Figma and the brand in production were the same thing. Our investor noticed the polish on the demo.”
001
The brand in code, not just in a deck
Design tokens and a Storybook your engineers actually use. The colour your designer picks is the colour that ships. One source of truth, enforced in CI.
002
Senior-only from day one
The people who name your brand are the people who build the token pipeline. No junior moodboards, no bench, no bait-and-switch.
003
Accessibility tested, not assumed
WCAG 2.2 AA from week one. The palette clears contrast before the brand book ships, so the rebrand never becomes a procurement blocker.
004
A fixed-scope, 6-week sprint
One number on Monday, a working system 6 weeks later. Naming, identity, tokens, Storybook, accessibility, voice. No open-ended retainer, no scope that quietly trebles.
005
Everything in your repo, your IP
Tokens, Storybook, and the Figma library live in your accounts. IP assigns on commit. You can run the whole system without us, and we hand it over with a walkthrough so you can.
Brand system, in numbers
From three blues to
From three blues to
one source of truth, in 6 weeks
Imran’s fintech, in real numbers. Naming held, the palette moved into Tokens Studio, the components went into Storybook with Chromatic in CI. The drift stopped the day the tokens shipped.
The sprint
6wk
Naming to shipped system
1
Source of truth for colour
The outcome
2.2 AA
WCAG passed at handover
0
Brand drift after tokens shipped
Track record
12
UK brand systems since 2019
100%
Still in use today
One source of truth, in their own words
Real lines from the brand systems we’ve shipped since 2019, every one still in use at the company that paid for it.
100%
would refer us
For the first time the brand in Figma and the brand in production were the same thing. Our investor noticed the polish on the demo.
What founders actually ask before signing a brand contract
Pain-first, soft-second. The questions every founder asks after their third agency handed over a PDF and left.
We don’t price by salesperson mood. The 5-day brand audit is fixed at £8K. After that, the 6-week brand sprint is line-itemed: naming, identity, tokens, Storybook, accessibility, voice. You see the cost of each piece and you can cut any piece. Most brand systems we sign land between £25K and £65K on a fixed-price, 6-week sprint. If we can’t hit your budget, we tell you in the audit and you walk away with the findings, no commitment.
Because a brand-only agency hands off a PDF and leaves. We hand off the PDF plus the design tokens and the Storybook, so the brand survives contact with your codebase. The colour your designer picks is the colour that ships, enforced by a visual diff in CI. If your brand keeps drifting between Figma and code, a branding agency that also writes code is the fix.
Everything lives in your accounts from day one. The Figma library is in your Figma, the tokens and Storybook are in your GitHub org, the brand book is yours to keep. IP assigns on commit, not on final payment. At handover we record a 30-minute walkthrough so your designer and engineer can run the whole system without us. There’s nothing to hold hostage, because nothing is locked inside our walls.
They fit. Tokens Studio exports your colour, type, spacing, and radius as JSON. Your engineers import that into Tailwind, CSS variables, or whatever your stack already uses. It’s not a new tool to babysit, it’s a single file that both Figma and the code read. When your designer changes a token, the change flows to code through the pipeline we set up. No copy-paste hex codes, no drift.
Yes. We test the palette and the components against WCAG 2.2 AA with axe plus manual checks, before the brand book ships, not after a buyer flags it. At handover you get a procurement-defendable accessibility report. We’ve had brand systems clear enterprise contrast and a11y requirements first time because the colours were chosen to pass, not chosen and hoped for.
No. The whole point of building the brand as a system is that it isn’t in one person’s head. Tokens, Storybook, and the Figma library are version-controlled and documented as we go. Every decision is written down the same day. If one person steps away, the next picks up the same files the next morning. In seven years we’ve never lost continuity on a brand sprint, and the sprint structure is exactly why.
You need it precisely because you’re small. With one engineer and one designer, a PDF brand book drifts within a month and nobody has time to police it. Tokens make the right choice the default choice, so the brand holds while you’re moving fast. It’s the opposite of over-engineering: it’s the cheapest way to stop the brand falling apart before your Series A.
Yes to the NDA, sent the same day you ask. On timing, send a five-line brief: your stage, your customer, what feels off about the current brand, and your deadline. Mohit replies inside 24 hours with availability and the next brand-audit slot. Most audits start within two weeks, and the 6-week sprint follows straight on if you want it to.
In context
See it in context.
A look at the kind of branding agency surface we hand over — real screens, real data, documented and yours from day one.
Five lines. That’s the brief.
Tell us your stage, your customer, what feels off about your current brand, and your deadline. Mohit reads every first email and replies inside 24 hours with availability and the next brand-audit slot.
What happens after the email lands
- < 24h
A personal reply.
Availability and the next audit slot. Straight to your inbox, not a team thread.
- Week 1
The 5-day audit.
We find the drift, the contrast fails, and the token gaps, then write you the plan.
- Week 6
A brand the code obeys.
Naming, identity, tokens, Storybook, accessibility, voice. One source of truth, handed over.