How to build a brand kit you can actually reuse

Six things. That’s it. Every one of them is a value or a rule, never an adjective.

If you’ve read the one-page site walkthrough, this is where those design tokens come from. The kit is the source. Every build after it is just applying the kit.

Start with what already exists. Your logo, your sign, your packaging, that one flyer everybody liked. Eyedrop the actual colors instead of picking new ones from scratch. You probably have a brand already, it’s just never been written down.

Then give every color a job. This is the part people skip, and it’s the part that makes the kit reusable.

Five is plenty. If you want an accent, add exactly one and write down when it’s allowed. Every color without a job is a decision you’re re-making on every project.

Check your brand color against your surface for contrast before you commit to it. A gorgeous color that fails legibility on your own background will fight you forever.

Two fonts. One for headlines, one for body. That’s the whole system for most businesses.

You can go to three, but only with a reason. Ours is a third face used for small mono labels, the little uppercase eyebrows you see above section headings. It has a job, so it earns its place.

Write down the weights, not just the names. “We use DM Sans” tells someone nothing about whether your headlines are 500 or 800, and that single number changes how the whole brand feels.

If you borrow a distinctive font for your wordmark, keep it in the wordmark. The second it shows up in body copy, your logo stops being a logo and starts being a font.

Every AI tool reaches for the same handful of fonts, usually a fashionable serif. They’re nice fonts. They’re also on ten thousand other sites this year. If you didn’t pick it on purpose, don’t keep it.

These two feel too small to write down. They’re actually most of what people read as “polished” or “off.”

Pick one radius and use it everywhere. Ours is 16px. Buttons, cards, images, inputs. When some corners are sharp and others are round, nothing looks intentional.

Then pick one spacing step, usually 4 or 8 pixels, and make every gap a multiple of it. That’s the entire rule. It sounds fussy and it’s the fastest way to make a page stop looking homemade.

Every value gets a “when.” That’s the difference between a list and a kit.

• Brand color is for the thing you want clicked. One primary button per screen.
• Display font is for headlines only. Never for a paragraph.
• Label font is uppercase, small, and always sits above a heading, never on its own.
• Photos get the same radius as cards.
• Body text is ink on surface. Not gray on gray.

Five rules like that will do more for consistency than twenty pages of philosophy. And they’re testable, which matters, because you can hand someone the page and check whether they followed it.

Run the handoff test before you trust it. Paste the whole kit into an AI tool and ask it to build you a simple landing page for your business, using those exact values and nothing else.

Then look at what comes back and ask one question: did it have to guess? Every place it guessed is a hole in your kit. Wrong headline size means you didn’t specify weights. Random rounded corners mean you didn’t give it a radius. Stock-photo energy means you never said what your images should look like.

Patch the holes, run it again. Two rounds usually gets you there.

One file. Plain text. Values at the top, rules underneath, no cover page.

The reason is practical: you want to be able to paste the entire thing into a chat window, hand it to a printer, or drop it into a design tool without opening a 40MB PDF and reading values off a screenshot. Pretty brand books are for pitching. Plain text is for working.

Then audit it once a year, because kits drift. Ours did. We moved off a serif we’d stopped liking, but the class names that called for it are still sitting in a couple of older pages, quietly rendering in the body font instead. Nothing broke, and that’s exactly why nobody noticed.

Fill this in and you’re done. Keep it under one page.

BRAND KIT: [business name]
Last updated: [date]

COLORS
Brand      #______   buttons, links, the one thing you want clicked
Surface    #______   the background most things sit on
Ink        #______   body text and dark sections
Hairline   #______   borders and dividers
Muted      #______   captions, labels, secondary text

TYPE
Display    [font name]   [weight]   headlines only
Body       [font name]   [weights]  everything you read
Label      [font name]   [weight]   small uppercase eyebrows (optional)

SHAPE
Radius     [__]px   same on buttons, cards, images, inputs
Spacing    [__]px   every gap is a multiple of this

LOGO
Clear space   [__]px on all sides
Smallest use  [__]px wide
Never         stretch it, recolor it, or put it on a busy photo

VOICE
Three sentences we'd actually say:
1. [sentence]
2. [sentence]
3. [sentence]

Never say: [words that aren't us]

RULES
1. [when the brand color is used]
2. [when the display font is used]
3. [what images look like]
4. [anything a stranger would otherwise guess at]

A kit makes you consistent. It doesn’t make you distinctive. If the underlying choices are generic, you’ll get consistent generic, which is honestly still better than what most businesses have. Just know that’s what you’re buying.

It also won’t design your logo. Everything here assumes you have a mark you’re happy with, or you’re fine setting your name in your display font for now. Wordmark-only is a completely legitimate place to start.

And if you’re rebranding rather than starting fresh, know that swapping the colors is the easy ten percent. Identity hides in the fonts, the corner rounding, the little decorative flourishes, the photo treatment, and the copy. We’ve watched a “rebrand” ship with new colors and the old brand’s personality fully intact, because nobody went looking for the rest of it.