Brand Identity
That Lasts.
A mark is a decision, and the decision is the work. We draw a lot on purpose: the extra eighty-nine are how the one that survives earns its place. Identity systems, logotypes, type and colour rules, and the file set your team can actually run without us.
Frame 2.667:1 · the ratio of our own portfolio deck
Move your cursor across the word. It is made of the same thing as the mark on your letterhead — points, pressure, and a decision about what to keep.
Strategy first. Design second. Results always.
Reduce.
Repeat.
Refine.
Then let it breathe.
Four verbs, in that order. Everything else on this page is one of them.
An identity is a set of rules,
not a picture of a logo.
Positioning & narrative
One sentence your competitor could not sign. Everything downstream is a consequence of it.
02Naming & verbal identity
Names, tone, capitalisation, and the words you will have to live with on every label.
03Logotype
Letterforms drawn or corrected by hand, spaced to read at 16 px and cut at 16 m.
04Symbol & monogram
A shape that survives being embroidered, stamped, favicon-sized and misprinted.
05Type system
Two roles, a scale, a tracking rule. Licences priced and named in the handover.
06Colour system
One accent, three neutrals, and the contrast arithmetic printed next to every value.
07Grid & layout rules
Margins and modules for print and screen, so a non-designer can still set a page.
08Iconography & illustration
Stroke weight, corner radius, and a library built once instead of borrowed forever.
09Motion & sound behaviour
How the mark arrives, how long it takes, and what it never does.
10Guidelines & handoff
A written rule for every element, an editable source set, and a human to ask.
Our Five Brand Principles
Taste is harder to bill than arithmetic, so we write the rules down. They are the parts of the argument that survive a client, a printer and a redesign.
Where the colour comes from ↓Clarity before complexity.
If the wordmark is hard to read at the size it will actually be seen, the drawing is wrong. Beauty is the second test, never the first.
Consistency builds recognition.
A system reads as a system when a single idea recurs: one link stroke, one radius, one cropped corner. Two ideas is an argument; three is a mess.
Scalable from favicon to billboard.
We draw the favicon and the signage before we approve the lockup, because those are the two ends your audience will actually meet.
Works in black and white first.
Colour rescues a weak mark and hides a mediocre one. If it does not work in one ink, it is not finished — see the six surfaces below.
A brand system outlasts any single logo.
The mark you ship is one file. The rules around it — type, colour, spacing, tone, motion — are the asset that keeps paying for a decade.
What You Receive at Project End
Eight panels, one page. Everything a marketing manager, a printer and a developer need to be told out loud, so nobody has to guess again in six months.
Horizontal, stacked, symbol only, one-colour reversed
Four builds, each with its clear-space box drawn on the artboard.
4 states, one stroke weight, 24 px grid
Default, active, disabled, reversed. Drawn once, exported forever.
One accent, three neutrals. Anything else is a client's own ink.
Written once, in one sentence, and pinned to the top of the file.
App screens, social avatars, packaging faces, signage — shown on the real substrate, not on a floating mockup.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie. Named, zipped, versioned.
A pairing is a rule, not a shopping list.
The deck this page is built from pairs Coovettica 300 for display with Helvetica Bold for UI labels — two families, one discipline. This site gets the same hierarchy out of two optical sizes of one variable family, at zero licence cost and zero extra kilobytes. Fewer faces is not a limitation; it is the rule.
Typography That Fits Your Brand Voice
A coffee shop that had been open for years and looked like a hobby. The fix was not a better script — it was a different claim.
Guides above are re-drawn here from the delivered artwork — the deck's vectors are flattened, so nothing was lifted.
The circle is 1:1 and the type is inscribed on a smaller radius. Two circles, one argument — nothing is eyeballed.
A crest is a balance test. Mirror the drawing and the weak halves show up immediately, so we draw one half and correct it.
A fleet swoosh has to read on a van at 60 km/h. The tangent where the curve leaves the letter is the whole job.
Hundreds of Concepts. One Perfect Mark.
Every identity we ship has a delete key in it: the second idea, the third, the one your competitor already has, the version with the gradient, the one that only works in colour. Below is the same delivered file in the six states an archive actually keeps — all of them produced in the browser from one artwork, no second asset.
Designed for the Real World — Not Just Screens
Paper first. A 300 gsm sheet with a debossed mark tells you more about the identity than a hundred export sizes: how the counters fill, how much ink the edge can hold, whether the letter-spacing survives an embossing die.
Then screen, where the same weight becomes a hinting problem and a 1 px rule becomes a rounding error. Then signage, where a mark is judged at a distance, in weather, on a surface somebody else chose.
No product photography, no licence risk: the surface is procedural.
A Complete Type System, Chosen for Your Brand
Hierarchy comes from size, weight, optical size and space — not from a folder of licences. No font jank, 0 kB of extra downloads, and nothing to renew.
The scale we ship
Hamburgevons 0123456789 @&*
Client projects may pair faces — the application sheet above uses Coovettica 300 with Helvetica Bold. On this site we hold the same hierarchy with one variable family, which is the point of rule 05.
Ninety sketches
Two optical sizes and one weight do the whole page.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
Body, 16 px
Readable at length; no second voice needed.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Caption caps
12 px, 600, uppercase, never a paragraph.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
Your Brand Colour System
We design in your colour. The orange is ours, and it stays on this page. Tap a value to copy it — the ratios printed on each chip are measured against the void and the plate this site actually uses.
-
Algonquin Titans
-
Anchored 2
-
BoSoxCurse
-
Donkey
-
Inspire Rocks Logo
-
LIFT LOGO
-
La county Fire Dept
-
Lion
-
Moto Club
-
PHUONG DONG 30 anniversary 2
-
QUINNS & SONS
-
Sizzlers
-
Yellow Earth
-
car wash final
-
containerland-logo-01
- The deckΓÇÖs groundEvery plate in the archive above sits on this pair: 19.54:1 between void and paper, which is why the marks read as ink.
- Cover rule, blueThe portfolioΓÇÖs own spine runs #3981BC into #8D32F6. On this page cool colour is structure only — rules, folios, focus rings.
- Occupy violetThe split-complement of orange, and it gets exactly one use in any composition. Here that use is the word this sentence is about.
- Facile maroonAnalogous to orange at 5 % lightness: the shadow colour of the light chapters, and the only accent cleared to carry small text on paper.
- This pageΓÇÖs accentThe theme token, used here and nowhere else. On paper it measures 3.54:1, so it never sets small text on a light ground.
- The dormant tokenThe theme declares a purple-to-aqua gradient that no page in the family uses. Body copy over a cool field is set in aqua or paper white — never in the accent.
The binding
Our orange sits at hue 15°. The portfolio deck's structural blue sits at 203–207° — a true complement, so blue may touch orange only as structure: rules, folios, focus rings. The Occupy violet (256°) is a split-complement and gets exactly one use. The Facile maroon (347°) is analogous to orange at 5 % lightness, which makes it the shadow colour of the light chapters, not a second accent. One saturated hue per composition.
The arithmetic
Orange on the void is 5.52:1 and on #0F0F0F 5.10:1 — text is allowed. On the paper plate it is 3.54:1, so on light ground it is large type and graphics only. Maroon on paper is 9.92:1, the one accent cleared to carry small text on light. The cover gradient's own blue is 4.08:1 — UI pass, body fail — which is why body copy over a cool field here is set in paper white (19.54:1), never in the accent.
Rows 1–15: the dominant inks of the 15 delivered marks, measured out of the files. Rows 16–21: the deckΓÇÖs own system and this pageΓÇÖs accents, sampled from its pages and the theme tokens. Every ratio printed here is computed, none is eyeballed.
Tested Across Every Real-World Surface
So the delivery is judged on the surfaces it will live on, in one colour, at the sizes that were measured — and on the plate it has no business being on.
| Token | Light | Dark | Used here for |
|---|---|---|---|
--at-theme-primary | #F0460E | #F0460E | Accents, folio rules on dark chapters, focus, slider thumbs |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Chapter ground, plate surfaces |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Alternating chapters, sticky rules band |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Micro-copy, captions, secondary text |
--at-fz-ds-1 | 124px | Top of the type ladder, hero clamp ceiling | |
#6D2736 (sampled) | 9.92:1 on paper | Folio rule on light chapters — the only accent cleared for small text there | |
Brand Mark Showcase
Click any plate for the full frame: arrow keys or swipe edges to move, Esc to close, focus returns to the plate you opened. The void behind them is on purpose — the marks' own alpha disappears and each one reads as ink.
Our Brand Identity Process
Discovery & Brand Audit
Who you are when nobody is buying, what your competitor wishes they could say, and which of your current assets are load-bearing. Two rounds of questions, then a written brief we both sign.
Brand Strategy & Positioning
The claim, the tone and the thing you will never say. Every later argument — type, colour, illustration — is decided against this sentence, which is why it comes second and not last.
Concept Development & Ideation
You are in the room. Every identity we ship is co-authored in a working session, not presented to you finished — we bring the volume, you bring the veto. The direction is chosen, not voted.
Design Refinement & System Building
Geometry drawn on a grid, type roles with named sizes, colour with measured contrast, a grid for both print and screen. Anything we cannot write as a rule is not a system yet.
16 px. 16 metres. One colour. A real surface.
We put the mark on the favicon, the pouch, the invoice and the wall before we call it done. Anything that only survives on the artboard comes back to the drawing, and we do not charge you for that lap.
Delivery, Guidelines & Ongoing Support
The source set, a guideline page that lives on your own domain, a naming convention for every export, and ninety days of questions answered without a change order.
What We Don't Do (And Why That Matters)
No templates or copied logos.
Nothing we ship starts in a marketplace file or a poll. If a shape has been sold forty times, its only remaining talent is familiarity.
No overwhelming option overload.
A wall of choices is a way of avoiding the argument. We bring a small number of directions, each defended, each complete, each with the reasoning printed next to it.
No “brand identity” that is a font swap.
Re-typing your existing mark into a new typeface is a graphic-design task and we will price it as one. It is not an identity, and we will not invoice it as if it were.
No delivery without a complete brand guidelines document.
If a rule cannot be written down it will be broken in production. Every element that ships has its size, spacing, colour and misuse documented in the same folder.
Our Brand Identity Results
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json“The rebrand did not change our coffee. It changed what people assumed about the room.”
“One mark, one colour, six substrates, and nobody on our team has had to ask what the rules are since.”
Deliberately absent: “50+ marks”, “24 h turnaround”, “100 % original”. When those can be pulled from production tracking they come back — on this page and on the sticker archive.
Brand Identity FAQs
Everything else belongs in the first call, which is why there is one below.
All FAQs →Six to ten weeks for the whole arc — discovery and positioning, sculpt, systemise, prove, handover. A single logotype with no system is two to three weeks, and we will say so plainly when that is all you need.
Yes — this site is our own build, and the same team ships front-end and back-end. It is the fastest way to make sure the identity survives contact with a browser, and it means the tokens in the brand book are the tokens in the code.
Then we audit it first. Some marks only need a rule set around them — a corrected logotype, a type scale, colour with measured contrast, clear space. That is honest work and far cheaper than a rebrand you do not need.
You do, on final payment — sources, exports, fonts licensed in your name where the licence allows it, and the working files with layers named. We keep one copy for our archive unless you ask us not to.
Ninety days of questions come with the handover, and after that most clients keep us on a light retainer for campaign artwork and new applications. An identity that is never maintained is an identity that quietly drifts.
Ready to Build a Brand That Lasts?
A vague brief, an outdated logo, a brand nobody remembers — any of those is the right place to start. We turn what you have into a complete identity your team is proud to use.