Specimen 01Mark · colour · type
Visual identity
Mark, wordmark, colour, type, layout and imagery. Designed as a kit of parts that survives the touchpoints you have not built yet.
Visual identity: See it on Plates 03–05What we do
Specimen book · Capability 02 of 6 · The code a brand runs on
A specimen of a generic mark for “Your brand”: a circle, a square and a quarter-disc set on a six-unit construction grid, shown in four colourways and three type pairings.
Brand Identity is the visual, verbal and behavioural code that carries a brand across every touchpoint. We design all three as one system, so a brand sounds like itself wherever it shows up.
Plate 01 · AnatomySeven layers
An identity is a stack, not a symbol. Each layer is designed with the others in view, and behaviour runs through all seven: how the brand moves, sounds and answers when something goes wrong.
Plate 02 · What we design6 specimens
Visual, verbal and behavioural identity are built by the same team at the same time, so none of them drifts from the others.
Specimen 01Mark · colour · type
Mark, wordmark, colour, type, layout and imagery. Designed as a kit of parts that survives the touchpoints you have not built yet.
Visual identity: See it on Plates 03–05Specimen 02Voice · tone · lexicon
Voice, tone, vocabulary and the words you never use. Written as rules with examples, so anyone can write on brand.
Verbal identity: See it on Plate 06Specimen 03Moments · principles
How the brand acts in the moments that matter: first open, a mistake, a goodbye. Principles with worked examples.
Behavioural identity: See it on Plate 06Specimen 04Motion · audio
How the brand moves and, where it needs to, how it sounds. Timing, easing and a signature you can hear.
Motion & sound: See it on Plate 07Specimen 05Living reference
One living reference for all three codes. Versioned, searchable, and built to be used rather than admired.
Identity guidelines: See it on Plate 10Specimen 06Templates · training
Templates for the first touchpoints, a walkthrough for the team, and a review after the first month in the wild.
Rollout & handover: See it on Plate 09Plate 03 · Mark constructionFive steps
So it is built like an engineering drawing. The grid, the corrections and the limits are written down with the mark, which is what lets it survive a favicon, a fascia and a file someone else exported.
Six units wide, four high. Every part of the mark sits on this grid, so anyone can redraw it exactly, in any tool, at any size.
Three primitives and a counter: a circle, a square and a quarter-disc. The construction lines are kept, because they become the rules for icons and layouts later.
Geometry that is right on paper can look wrong to the eye. The circle overshoots the flat top so it looks the same height, and the counter opens so it does not fill in when printed.
The empty space around the mark equals the counter’s radius, x. Nothing enters it: not a headline, not the edge of a screen, not another logo.
Below 24 pixels the counter closes up, so a solid version takes over. Each size is checked on screen and in print before it is signed off.
Plate 04 · ColourContrast, checked
Every colour ships with its role, its share of the page and the pairings it is allowed in. Try any two below: the ratio is calculated live against WCAG 2.2.
17.53:1 contrast
Agent · export checkThe same test runs on every file exported from the templates and flags failing pairs. A designer decides whether an exception is allowed, and the decision is logged.
Share of the page, by areaIllustrative
Plate 05 · TypeOne base, one ratio
A type scale is multiplied, not picked. Choose the ratio and every size recalculates from a 16 px base, so a headline and a caption stay related wherever they are set.
Scale ratio
Base16 px
Outfit500 display · 400 large
Montserrat400 · 500 · 600
JetBrains Mono400 · 500
Plate 06 · Voice & toneTry it: the voice tuner
Voice stays fixed; tone moves with the moment. An agent redrafts the line to your settings and checks it against the voice rules. A person decides whether it ships.
Your refund went out today, so it should land within five working days. Not there by then? Reply here and we’ll look into it.
25 wordsIllustrative lines
All four checks pass. Your call.
Approved lines · this session
Plate 07 · Motion & soundTiming · easing · signature
Four curves and their timings cover almost every movement a brand makes, from a button to a film title. Pick one, scrub it, and watch the spacing of the frames: that spacing is the personality.
Easing curvecubic-bezier(0.22, 1, 0.36, 1)
Onion skin · nine framesIllustrative · shown 3× slower
Used forPanels, cards and page content arriving
Sonic signature
Written for the few moments that are heard rather than seen: an app opening, a payment confirmed, the end of a film. Delivered with a short brief on where it plays, where it never plays, and how loud.
Plays a short, quiet tone synthesised in your browser. A sketch, not the final signature.
Plate 08 · Applied6 surfaces
A sign in the sky, a screen in a hand, a box on a doorstep, a van in traffic. The same kit of parts has to hold on each, which is why we test it on them from the concept stage.
01 / 06
Plate 09 · ProcessA print run in 4 sheets
Directions are shown on real touchpoints, never on a poster. The rules are written while the work is designed.
Foundation read, audience read, category audit. What the identity has to carry and what it has to avoid.
On this sheet
Two or three directions, each shown across real touchpoints rather than on a poster. One is chosen.
On this sheet
The chosen direction built out across visual, verbal and behavioural codes. Rules written as they are designed.
On this sheet
Guidelines, templates, asset library and a team walkthrough. Then a first-month review.
On this sheet
Plate 10 · Deliverables8 chapters
Each chapter ships with the files your teams will actually open. The guidelines live online and export to PDF, so the book and the library never disagree.
Your brandIdentity guidelines · v1.0
iiIllustrative pagination
Chapter 01SVG · PDF
Logo system & clearspace rules
Delivered asSVGPDF
Chapter 014
Chapter 02Figma · JSON
Colour system with tokens
Delivered asFigmaJSON
Chapter 0210
Chapter 03Figma · font files
Type system & scale
Delivered asFigmafont files
Chapter 0318
Chapter 04Guidelines
Voice, tone & lexicon
Delivered asGuidelines
Chapter 0424
Chapter 05Guidelines
Behaviour principles & moments
Delivered asGuidelines
Chapter 0532
Chapter 06Video · Lottie
Motion principles
Delivered asVideoLottie
Chapter 0638
Chapter 07Web · PDF
Identity guidelines
Delivered asWebPDF
Chapter 0744
Chapter 08Figma · Office
Launch templates
Delivered asFigmaOffice
Chapter 0850
Plate 11 · OutcomesWhat changes
Three things you should be able to see in the months after launch. Each is annotated in the margin, the way a specimen notes what a typeface was drawn to do.
People know it is yours before they read the name.1 Teams ship on brand without a queue at the door,2 and the touchpoint nobody has designed yet will fit3.
Take the logo off and it is still yours. Colour, type, tone and behaviour do the work together.
Rules written as examples, so the team ships on brand without a review queue.
A kit of parts, not a set of finished posters. It extends without breaking.
Questions, indexed4 entries
Not always. Many identities need a sharper system around a mark that already has equity. We tell you which case you are in during discovery.
Yes. Verbal identity is designed alongside the visual, by the same team, so the two never drift.
Guidelines online, an asset library, templates for the first touchpoints and a walkthrough with the people who will use it. Then a review after the first month.
It should. We map identity tokens to your product tokens so the product team inherits the identity rather than re-drawing it.
Colophon · Continue the bookBrand Design · 6 volumes
Identity is one volume of six. The two marked with a bookmark are the ones it leans on most: the foundation it expresses, and the system that keeps it running.
Tell us what you’re building. We’ll answer straight.