Writing a Brand Style Guide People Actually Use With Do and Don't Pairs

You have a 80-page PDF that nobody opens, a Figma file already out of date, and a Notion page that is a graveyard of half-written rules. The problem is not the creative vision. The problem is that the guide reads as a manifesto instead of a reference tool. Structure it around do-and-don't pairs, examples, and constraints. A developer, marketer, or external agency needs to apply the rule in the three minutes they have before a deadline.

The 80-page PDF fails because it is a reference manual with no index, no search, and no version control. A developer at 11pm who needs the hex code for the primary blue does not want to scroll past the brand's origin story. They want the answer in two clicks. Brand style guides run from 5 to 50 pages, depending on organization size and brand complexity. Over fifty pages, you are writing a book. PDF remains the common file format, but a web-based living style guide is better. The Zeroheight platform integrates with design systems and updates in real time. Write a guide that is short, example-led, and actually used.

Nobody reads an 80-page PDF because it is not searchable in a crisis. When the social media manager is in the app and needs the correct profile photo dimensions, they do not remember that it is on page 57 of the brand guidelines document. They open the Instagram app and crop it themselves, violating the clear space rule because the guide is not where they are working. The PDF is outdated by the time it is distributed. A single error, like a wrong RGB value, forces a blank spread in the printed version. Version control is a joke when the file is named 'brand_final_v3_FINAL2.pdf'. The alternative is a short, example-led guide with do-and-don't pairs for every rule. Each rule is a decision, not a paragraph of theory.

Show Correct Usage Next to Incorrect Usage

The core of a usable brand guide is the do-and-don't pair. For every rule, show the correct usage next to the incorrect usage. This is a statement of constraints, not a visual example for inspiration. For logo misuse, show the logo with proper clear space equal to the x-height of the wordmark or 50-100% of the logo mark height. Then show the logo with text crowding it.

Colour and Typography Rules

For colour, do not just list the Pantone reference and the CMYK breakdown. Show a swatch of the brand colour at 100%, then show what happens when you use it on a photo at 40% opacity. The contrast ratio fails. The typographic rules are the same: specify the typeface, the weight axis, and the smallest permitted size. The print logo must be at least 0.5-0.75 inches (12-19 mm) wide, depending on logo detail. The digital logo must be at least 24-32 px in height. If your digital size drops below 24 px, you are asking for a legibility failure.

A style guide is a single source of truth, but only if it is versioned. Use semantic versioning (MAJOR.MINOR.PATCH) or date-stamped editions. The review cycle is 12-24 months, depending on organization size and rebrand frequency. When you update the guide, do not just replace the PDF. Update the web portal and email a changelog to the team. The asset download section is critical: it must contain vector formats (SVG, EPS, AI) for production, not just raster files. A logo that exists only as a PNG is a source-file failure. Include the ICC profiles. For CMYK, use Coated GRACoL 2013 for North America or ISO Coated v2 300% for Europe. For RGB, use sRGB IEC61966-2.1. If you do not specify the profile, a designer will guess, and the brand colour will shift between their monitor and the print shop.

The Print Flyer

A new marketing hire needs to create a print flyer, an Instagram post, and an email signature. The guide must answer all their questions without a phone call. For the print flyer, specify the page format (A-series paper dimensions per ISO 216), the safe area margin of 3-5 mm inside trim, and the PDF/X-4 (ISO 15930-7:2010) export standard. Note that total ink coverage must stay below 300% in CMYK to avoid set-off on uncoated stock. The colour specification is a Pantone reference for the spot colour, plus the CMYK breakdown for process printing.

The Instagram Post and Email Signature

For the Instagram post, give the platform-specific image dimensions (1080×1080 px for feed, 1080×1920 px for stories). Name the smallest permitted text size and contrast ratio. The email signature uses the web-safe typeface stack, the RGB values for the brand colour, and a touch target size of at least 24 px per WCAG 2.2. Apply the clear space rule when the logo is placed on the flyer. If any detail is missing, the hire will improvise, and brand compliance fails silently.

Consider what breaks when one detail is wrong. If the type hierarchy is ambiguous in the email signature, the hire might use a 10 pt font when the guide intended 12 pt. The contrast ratio drops below the 4.5:1 threshold for normal text on a dimmed mobile screen in sunlight. If the logo clear-space rule is missing from the Instagram post, the hire may crop the logo too tight. The mark becomes illegible at 32 px height. If the colour profile is absent, the flyer's blue prints as a muddy purple because the RGB-to-CMYK gamut clipping has no soft-proofing. The guide's job is not to be beautiful. It is to prevent these failures. That is why the guide must be a reference tool, not a manifesto.

The Pantone Matching System is the physical reference standard. A spot colour uses a pre-mixed single ink, while process colour builds hues from CMYK dot screens. A spot colour specified as Pantone cannot be accurately simulated on a screen proof. For web, use HEX or RGB (sRGB IEC61966-2.1). The WCAG 2.2 contrast ratio for normal text is 4.5:1. For large text (≥18pt or ≥14pt bold) it is 3:1. The contrast-ratio formula is (L1 + 0.05) / (L2 + 0.05), where L is relative luminance in sRGB. Do not rely on a contrast-checker plugin alone. It may sample an antialiased edge pixel and show a passing ratio that fails usability testing at actual rendering size. The guide must state that a passing ratio on paper may fail on a dimmed mobile screen in sunlight. Test on the actual device.

Typography rules are more than the font family. Specify the OpenType features, such as ligatures and tabular figures, and the font weight axis if using a variable font. The SIL Open Font License 1.1, published 2007-02-26, is the license type for Google Fonts. It does not cover server embedding. A font listed as 'free for commercial use' may still require a server license if you embed it in a SaaS tool that generates PDFs. The font license types in brand guidelines are Desktop, Webfont, App embedding, and Server. The print body text size in brand guidelines is 9-12 pt, depending on typeface x-height. The geometric relationship between type size, leading, and measure is stable: line length in picas should be roughly twice the point size for continuous reading text. If you specify a type size without a line height, you are leaving a failure mode in place.

The guide must cover imagery and iconography as constraints, not as a mood board. Specify the lowest acceptable resolution for raster images (150 ppi at final size for print, 72 ppi for screen). State the aspect ratio for different platforms. Each platform's help page is the source, and each changes without notice. For example, the LinkedIn company page logo size is 300×300 px, the X (Twitter) profile photo is 400×400 px, and TikTok is 200×200 px. These figures change, so direct the reader to the platform's help page for the current values. The Apple touch icon specification comes from the Apple Human Interface Guidelines. If the guide does not include these, a designer will use the wrong dimensions and the logo will be cropped on a profile page.

Here are the seven questions every stakeholder asks when they open a brand guide, and the answers your guide must give:

What is the logo clear space?

Equal to the x-height of the brand wordmark or 50-100% of the logo mark height, depending on the brand. Never less than that.

What is the smallest digital logo size?

24-32 px height, depending on logo complexity. If your logo is complex, use the higher end.

What is the smallest print logo size?

0.5-0.75 inches (12-19 mm) wide, depending on logo detail. Below that, the logo becomes illegible on press.

Which colour format should I use for print?

Spot colour (Pantone) for a specific brand colour, plus CMYK breakdown for process printing. Never use RGB for print.

What is the contrast ratio for normal text?

WCAG 2.2 requires 4.5:1 for normal text, and 3:1 for large text (≥18pt or ≥14pt bold).

Can I use a font from Google Fonts in my app?

Google Fonts uses the SIL Open Font License 1.1, which allows use and modification, but server embedding for PDF generation may require a separate server license. Check the foundry EULA.

How often should I review the brand guide?

Every 12-24 months, depending on organization size and rebrand frequency. Use semantic versioning for changes.

A brand style guide is not a document. It is a system. Most guides fail because they are a PDF of intentions, not a set of testable constraints. Test the guide yourself. Give it to a new developer or marketer who has never seen the brand, and ask them to create a one-page flyer using only the guide. If they have to ask a question, the guide has a hole. That is the practical test. The guide should be the default source for web-embeddable typefaces, with all fonts supplied under open licenses. It should also include the separation of content and presentation: HTML for structure, CSS for appearance. This principle predates the web and applies equally to InDesign's paragraph styles and XML-based workflows.

The guide's structure should follow the core sections: Brand overview, Logo usage, Color palette, Typography, Imagery, Iconography, Layout/grid, and Applications. Each section is a single source of truth, but only if it is written as a specification. For the layout/grid section, specify the margin vs padding rules (margin is space outside the border, padding is space inside the border), and the grid columns. For the applications section, show the flyer, the social post, and the email signature as worked examples, with annotations that reference the specific rule being applied. A guide of 8-15 sections is common. Do not pad the sections. Every section must answer a question someone actually has.

What does the reader do when the normal route is closed, or it is 1am and the developer is stuck? The answer is not to call the brand manager. The answer is a guide that is searchable. The PDF fails here because it is not searchable in a crisis. The web portal works because it is indexed by a browser's find function. If you cannot have a web portal, make the PDF text-based, not scanned images, and include a table of contents with hyperlinks. Put a 'quick reference' section on the first page: the primary colour hex, the smallest logo size, and the typeface name. That is the 30-second answer for the 1am developer. Do not make them read a paragraph about brand heritage to find the hex code.

The one sentence that cannot appear on a competitor's page: 'The 80-page PDF fails because a developer at 11pm who needs the hex code for the primary blue does not want to scroll past the brand's origin story.'