How to Create a Brand Style Guide (Step by Step)
A brand style guide is not a design showpiece — it is an instruction manual. When a new hire designs a slide deck, when an agency builds an ad, or when a founder writes a landing page at midnight, the guide answers one question: how do we look and sound like ourselves? In fifteen years of client work I have seen beautiful 60-page brand books that nobody opened, and scrappy 6-page PDFs that a whole company followed. The difference was never polish. It was clarity. Here is how I build one that gets used.
Start With Purpose, Not Pantone
Before a single colour value goes on the page, write two short paragraphs at the very top of the document: what the brand stands for, and who it is for. This matters because every rule that follows is a consequence of those two paragraphs. A children's clinic and a fintech startup can both use blue, but for opposite reasons — one for reassurance, one for authority. When someone asks “can we use this photo?” the answer should be derivable from the purpose statement, not from your personal taste. I keep this section to under 150 words. Nobody reads a manifesto.
Logo Rules: Clear Space, Minimum Size, and What Not To Do
The logo section causes more brand damage than any other, because it is where well-meaning people improvise. Specify the primary logo, any secondary or stacked versions, and a favicon/app-icon mark. Then define clear space (I usually express it as the height of a key letter in the wordmark) and a minimum size in both pixels and millimetres. Finally, show a “don’t” grid: don’t stretch it, don’t recolour it, don’t add a drop shadow, don’t place it on a busy photo without the containment box. Showing the wrong versions is more effective than describing the right one — people copy pictures, not paragraphs.
Colour: Give Values, Roles, and Contrast Ratios
List every colour as HEX, RGB and (if anything is printed) CMYK. But values alone are not enough — assign each colour a role: primary, secondary, background, and a single accent for calls to action. The most common mistake I fix is a palette with three “accent” colours, which means there is no accent at all. Add one line that most guides skip: minimum contrast for text. Aim for WCAG AA (a 4.5:1 ratio for body text), and note which colour pairs fail so nobody sets light-grey text on white. A free tool like the WebAIM Contrast Checker settles arguments in seconds.
| Role | Example use | Watch out for |
|---|---|---|
| Primary | Logo, headers, key UI | Overuse flattens hierarchy |
| Accent | Buttons, links, highlights | Keep it to ONE colour |
| Neutral | Body text, borders, backgrounds | Pure black often looks harsh |
Typography: Two Fonts Are Usually Enough
Name a heading typeface and a body typeface, and define the scale (for example H1 40px, H2 28px, body 17px, with line-height around 1.6). Resist the urge to specify five weights you will never use. If budget is a factor, Google Fonts pairings such as Space Grotesk with Inter, or Fraunces with Work Sans, cost nothing and load fast. Include one fallback stack for email and system contexts where custom fonts do not render. A guide that ignores email always gets broken in practice, because that is where non-designers spend their day.
Voice and Tone: Show, Don't Just Adjective
“Friendly, professional, approachable” describes almost every brand on earth, which means it describes none. Instead, give three this-not-that examples: “We say ‘Here’s what to do next’, not ‘Please be advised that the following steps must be undertaken.’” Add a short list of words you use and words you avoid. This single section does more for consistency than the entire visual half of the guide, because far more people write for your brand than design for it.
Real Examples, Templates, and Where to Build It
For a one-person business, Canva’s free Brand Kit will hold your colours, fonts and logo and push them into every template — enough for most small brands. For a growing team, build the guide in Figma so designers work from live components, and publish a read-only link for everyone else. Larger organisations often move to a dedicated tool like Frontify. Whatever the format, host it at a permanent URL, date it, and assign an owner. A style guide with no owner rots within a year. Look at the public guides from Mailchimp, Shopify Polaris, or the UK Government Design System for structure you can borrow — not to copy their look, but to see how they make rules easy to obey.
Key takeaways
- Open with purpose and audience — every rule flows from those two paragraphs.
- Show wrong logo usage, not just correct usage; people copy pictures.
- Give colours roles and one accent, and include a contrast minimum (WCAG AA).
- Two fonts and a clear type scale beat an overspecified system.
- Define voice with this-not-that examples, because most people write, not design.
- Give it a permanent URL, a date, and a named owner or it will rot.
Frequently asked questions
How long should a brand style guide be?
As long as it needs to be and no longer. A solo business is well served by 6–10 pages; a mid-size company might reach 30–50. Length is not the goal — being obeyed is. If a section is never referenced, cut it.
What is the difference between a brand style guide and brand guidelines?
The terms are used interchangeably. Some teams reserve ‘brand guidelines’ for the strategic and visual rules and ‘style guide’ for the editorial/writing rules, but a good document contains both.
Do I need a style guide if I’m a one-person business?
Yes, even a one-page version. It keeps you consistent as you scale and makes handing work to a freelancer or agency painless. Canva’s free Brand Kit is enough to start.
How often should I update it?
Review it once a year and after any major change — a rebrand, a new product line, or a new sub-brand. Version and date every release so people know they have the current rules.