Storyflow Logo

Storyflow

HomeBlogGuides

Features

Login

Home

/

Blog

/

Article

How to Build a Brand Style Guide

A style guide is not a description of the brand. It is a set of answers to questions people are about to get wrong, ordered by how often they are asked.

How to Build a Brand Style Guide

Category

Design

Author

Justkay - Documentary Filmmaker & Founder at Storyflow

Justkay

Documentary Filmmaker & Founder at Storyflow

Topics

BrandStyle GuideDesign SystemsBrand GuidelinesProcess

2026-08-10

11 min read

Design

Table of Contents

Start from a template
Browse all templates

Templates to check out for this topic

Storyflow Mindmap template showing a central idea node branching into themed idea cards on an infinite canvas
MindmapUse this template →
Story Plan template in Storyflow showing premise, three-act columns, story beats, and character arc blocks on an infinite canvas
Story PlanUse this template →
Marketing campaign plan on the Storyflow canvas with goals, audience, channels, assets, and a timeline laid out together
Marketing CampaignUse this template →
Quick answer
  • how to build a brand style guide
  • brand guidelines structure
  • style guide contents
  • logo usage rules
  • brand voice examples
  • do not use logo examples

How do you build a brand style guide?

Build a style guide that answers the questions people actually ask, in the order they ask them, and stop. That is roughly: which logo file, which colours with exact values, which fonts and at what sizes, how we write, and what not to do. A guide that opens with a page about brand essence and gets to the logo files on page eleven will not be read, and an unread guide is worse than none, because it creates the belief that the brand is documented while everyone continues to guess. A style guide is not a description of the brand. It is a set of answers to questions people are about to get wrong.

Key Takeaways

  • Order by frequency of use, not by conceptual hierarchy. Logo, colour, type, voice, then everything else.
  • Exact values or it does not count. Hex, RGB, CMYK, font weights, minimum sizes, clear space. Approximations get approximated further.
  • The "do not" examples are the most-read part of any guide, and the part most often left out.
  • Voice needs examples, not adjectives. Show the same sentence written correctly and incorrectly.
  • Put the files next to the rules. A guide that describes a logo without linking the logo gets ignored.
  • Ship a short version. A five-page guide people read beats a fifty-page guide they do not.
Try it on a board

A guide records decisions someone had to make first

Before there are rules there are directions, and comparing them is the part that rarely has a home. Storyflow keeps the explorations, the references and the rejected routes on one canvas the AI reads end to end. Paid-only during early access; the Free plan lands before the end of 2026.

See the brand canvasBrowse templates
Storyflow Mindmap template showing a central idea node branching into themed idea cards on an infinite canvas
Mindmap template →

Order by What Gets Asked

Open your messages and look at what people actually ask about the brand. It will be some version of: which logo file do I use, what is the exact blue, what font is this, can I use the logo on a photo, and how do we refer to the product.

Your guide should answer those in that order. Most guides do the reverse, opening with mission, values and brand essence, which are real and which nobody has ever opened a style guide to find.

A structure that works:

  1. Logo: the files, the variants, when to use each, clear space, minimum size.
  2. Colour: the palette with exact values, which is primary, accessible pairings.
  3. Typography: the fonts, the weights, the scale, what to use when a font is unavailable.
  4. Voice: how we write, with examples.
  5. Imagery: what our photography and illustration look like, with examples.
  6. Applications: common formats, laid out.
  7. Do not: the mistakes, shown.

The essence and positioning material can exist and it belongs at the back or in a separate document. It is for people writing strategy, not for the person exporting a deck at five o'clock.

Exact Values, Not Approximations

Anything approximate gets approximated further by everyone downstream.

Colour needs hex, RGB and CMYK at minimum, plus Pantone if anything is printed. "Our blue" produces eleven blues within a year, all slightly wrong, all defensible.

Give the palette a hierarchy. Which is primary, which are secondary, which are accents, and what proportions look right. A palette of eight colours with no hierarchy produces work that uses all eight equally, which is why so much brand material looks like a paint chart.

Type needs the family, the weights you actually use, a size scale, and line heights. Also the fallback: what to use when the licensed font is not available, which happens constantly in email, in slide templates and on client machines. If you do not specify a fallback, everyone picks their own.

Logos need clear space and minimum size, expressed relative to the logo itself rather than in absolute pixels, so the rule survives scaling.

Accessibility belongs here, concretely. Which colour pairings pass contrast requirements for body text, and which are decorative only. Say it in the palette section, where it will be seen, rather than as an afterthought.

The Do-Not Section Is the Most-Read Page

Everyone who has made a style guide knows the do-not page gets more traffic than the rest combined, and a surprising number of guides omit it.

Show the mistakes, do not describe them. A grid of the logo stretched, recoloured, on a busy photo, too small, with a drop shadow, rotated. One image communicates more than a paragraph.

Include the mistakes that have actually happened. Generic misuse examples are copied from other guides; yours should include the specific thing your team keeps doing. If three people have put the logo on a photograph with no scrim, that goes on the page.

Say why for the ones that are not obvious. "Do not use the reversed logo on light backgrounds" is obvious. "Do not use the wordmark alone below 24px" needs the reason, which is that it becomes illegible, or people will assume it is a preference and override it.

Keep it visual and keep it near the front. Some guides put it last, where it is functionally invisible.

Voice Needs Examples

Voice sections fail more reliably than any other part of a style guide, because they are written as adjectives.

"Confident but not arrogant, friendly but not casual, clear but not simplistic" describes almost every brand ever documented and helps nobody write a sentence.

Show the same content written three ways and mark which is right. One too formal, one too casual, one correct. A reader learns more from that comparison than from a page of principles.

Give the specific rules that actually recur. Do we use contractions. Do we capitalise product names. Is it "sign up" or "signup". Do we say customers, users, or people. Are exclamation marks allowed. These are the questions writers hit hourly and they are answerable in a list.

Include a word list. Terms we use, terms we do not, and the correct spelling and capitalisation of our own product names. This is the most-used part of any voice section and the cheapest to write.

Name the things we never say. Competitor comparisons phrased a certain way, claims that legal will reject, jargon the founder dislikes. A short banned list is more useful than a long tonal description.

Put the Files Next to the Rules

A guide that describes assets without linking them creates a second search every time it is used.

Every logo variant shown should be downloadable from that page. Every colour should be copyable as a value. Every font should say where to get it and how it is licensed.

Licensing is the part people forget. A guide that says "our font is Inter" without saying who holds the licence and whether a freelancer may use it produces either a rights problem or a substitution nobody documented.

Templates beat instructions. A deck template, a social template, a document template do more for consistency than any amount of prose about how the brand should look, because most people are not building from scratch and do not want to.

If your guide is a PDF, accept that it will be out of date within months. A web page or a shared document that can be updated in place is better, and the single most important property of a guide is being current.

Ship the Short Version First

Most style guides fail by being ambitious.

A five-page guide covering logo, colour, type, voice basics and the do-not page is genuinely useful and can be made in a day. A fifty-page guide takes a month, is read by nobody, and is out of date on delivery.

Ship the short version, then extend it where questions keep arriving. The questions tell you what the next section should be, and a guide grown that way is composed entirely of things people needed.

Version and date it. People will have older copies, and a visible version number is how they discover that.

Name an owner. Style guides decay exactly like asset libraries, and for the same reason. Someone has to answer the edge cases and fold the answers back in.

Where Style Guides Legitimately Stop

A style guide describes decisions. It cannot make new ones, and pretending otherwise leads to guides that try to cover every case and become unusable.

There will always be a situation the guide does not cover: an unusual format, a co-branded piece, a campaign that needs to break the rules deliberately. The guide's job in those cases is to say who decides, not to have anticipated the case.

Add one line to the front: for anything this guide does not cover, ask [name]. That sentence prevents both paralysis and improvisation, and it is missing from most guides.

Storyflow is our product and it is not a brand guide tool. It does not host a style guide, does not manage brand assets or permissions, has no version control for guidelines and no templating for downstream files. Use a web page, a shared document, or a dedicated brand platform, and keep the assets in your library or DAM. The adjacent job is earlier: the exploration where the brand's directions get compared and chosen before anything is codified. Paid-only during early access, with the Free plan landing before the end of 2026, and anyone a paid member invites to a board joins free now.

The Bottom Line

A style guide is a reference document that people open in a hurry, and almost every failure comes from writing it as a presentation instead.

Order it by what gets asked, which means logo, colour, type, voice, then everything else.

Give exact values everywhere, because anything approximate gets approximated further by everyone downstream.

Write the do-not page and make it visual, including the specific mistakes your team keeps making.

Show voice, do not describe it, and include the word list, which is the part writers use hourly.

Put the files next to the rules, with licensing stated, and ship templates rather than instructions.

Then keep it short, keep it current, and name someone to ask for everything it does not cover.

A style guide is not a description of the brand. It is a set of answers to questions people are about to get wrong.

FAQ: Building a Brand Style Guide

What should a style guide contain, at minimum?

Logo files and usage rules, the colour palette with exact values, typography with weights and a fallback, voice basics with examples, and a do-not page. Five sections, and it can be built in a day.

What order should the sections be in?

The order people ask about them: logo, colour, type, voice, imagery, applications, do-not. Mission and brand essence belong at the back or in a separate strategy document.

How long should a style guide be?

As short as it can be while answering the recurring questions. Five to ten pages read consistently beats fifty pages that get opened once. Extend it where questions keep arriving rather than trying to anticipate everything.

Why does the do-not page matter so much?

Because it is the most-read part of any guide and it is the fastest way to communicate a rule. Show the mistakes as images, include the ones your team actually makes, and give the reason for any that are not self-evident.

How do I write a voice section that people can use?

Show the same content written three ways and mark which is correct. Add the recurring specifics: contractions, capitalisation, product-name spelling, what we call our customers, and a short list of words we never use.

Should the guide be a PDF?

Prefer a web page or a shared document. The most important property of a guide is being current, and a PDF is out of date the moment something changes while old copies keep circulating.

What do I do about fonts a freelancer cannot access?

Specify the licensing and how contractors obtain the font, and specify a fallback for cases where it is genuinely unavailable, such as email and slide templates. Unspecified fallbacks mean everyone picks their own.

Should accessibility be in the style guide?

Yes, in the colour section where it will be seen. State which pairings pass contrast for body text and which are decorative only. As a separate appendix it gets ignored.

Who should own the style guide?

One named person who answers edge cases and folds the answers back in. Guides decay like asset libraries when unowned, and the decay is invisible until someone uses a two-year-old file.

How often should it be updated?

Whenever a decision changes, and reviewed once a year. Version and date it visibly so people with older copies can tell.

What if a project needs to break the guide?

That is normal, especially for campaigns. The guide should say who decides, not attempt to cover every case. One line naming the person prevents both paralysis and unilateral improvisation.

What is the most common mistake in a style guide?

Leading with brand essence and burying the logo files. Guides are reference documents opened under time pressure, and the ordering should reflect that rather than the conceptual hierarchy of the brand.

Templates you can use in Storyflow

Every Storyflow board starts from real structure and an AI that reads the whole canvas. Open one of these templates and make it yours.

Storyflow Mindmap template showing a central idea node branching into themed idea cards on an infinite canvas

Mindmap

Use this template →

Story Plan template in Storyflow showing premise, three-act columns, story beats, and character arc blocks on an infinite canvas

Story Plan

Use this template →

Marketing campaign plan on the Storyflow canvas with goals, audience, channels, assets, and a timeline laid out together

Marketing Campaign

Use this template →

Brand Strategy template in Storyflow showing mission, positioning, audience, voice, and visual direction sections on an infinite canvas

Brand Strategy

Use this template →

Storyboard template on the Storyflow canvas showing a grid of shot frames with image areas, action captions, and shot detail notes

Storyboard

Use this template →

Second Brain template in Storyflow showing notes, saved links, and idea clusters connected on an infinite canvas

Second Brain

Use this template →

Browse all templates

See Storyflow in Action

A visual AI workspace where every feature lives inside one canvas. No tab-switching, no context lost.

Build your entire board from a single message

Type what you need in the AI chat at the bottom of your canvas. The AI adds cards, headings, and structure directly onto your board.

Use expert frameworks as AI context

Type @ in the AI chat and choose any Tactic. The AI tailors every response to that framework instead of giving generic advice.

Turn your board into a mind map in seconds

Ask the AI to restructure your canvas as a mindmap. It connects your ideas into a visual hierarchy so you can see how everything relates.

Why Storyflow Exists

Storyflow actually began as a personal tool while working on creative and research projects.

We kept running into the same problem: ideas were scattered everywhere: notes, documents, and whiteboards.

Nothing helped us see how everything connected.

So we started building a workspace designed around how ideas actually grow.

→ Read how Storyflow was created
Justkay - Documentary Filmmaker & Founder at Storyflow

Justkay

Documentary Filmmaker & Founder at Storyflow

Published: 2026-08-10

Start creating with AI and become more productive

Transform your creative workflow with AI-powered tools. Generate ideas, create content, and boost your productivity in minutes instead of hours.