Website • UI/UX • Branding Agency
Contact Us

[ Branding ]

Brand guidelines: what to include so other people can follow them

Brand guidelines exist so that someone who is not in the room can make the decision you would. That means numbers instead of adjectives: a logo minimum size derived from its thinnest stroke, colour values for each medium plus a table of pairs that pass contrast, a fallback font, tokens a developer can import and a named person for exceptions.

By LAIN12 min read

A list of what brand guidelines cover: story, logo, colour, typography, imagery, voice, templates and practical details

Brand guidelines have one job: to let someone who is not in the room make the same decision you would. A freelancer setting a poster, a printer choosing an ink, a developer styling a button. Every page is judged by that. A rule that needs the original designer to interpret it has failed, however good it looks in the document.

The evidence on whether guidelines get used is thin and mostly from vendors, so read it loosely. A Lucidpress survey from 2021, reported by Statista and MarketingProfs (Statista notes the source does not say how it was run), had about 30% saying their guidelines were well known and used by most of the organisation, and 13% saying theirs were unused or could not be found. Frontify, which sells brand portals, reported in 2021 that 67% of respondents used team-specific guidelines outside the official ones. A 2016 University of Virginia survey of its own users found 65% opened the university's guidelines at least once a month, mostly for photographs and logos. The pattern is consistent: people open guidelines to get an asset or a number, and make up their own rules when they cannot find one.

Write for five lookups

Order the pages by the question being asked, not by the order of the brand story. Keep the story to one page.

Who opens itThe questionWhat must be on the page
DesignerWhat are the rules for logo, type, colour and layout?The system pages, with numbers
Printer or packaging supplierWhich exact colour, how small, which file?Colour per medium, minimum sizes, file names
DeveloperWhat goes in the code?Tokens or a copyable value list
Social media or sales personWhat can I make myself, and what needs approval?Templates and the exception route
Partner or pressHow do I show your logo?Clear space, misuse, downloadable files

The logo: derive the numbers

Clear space should be a unit taken from the logo itself, so it scales with it. Published guides use the width of the letter M, the cap height, the x-height, the height of the symbol, or twice the height of a serif block. Pick one feature and write the rule as a multiple: "at least 1x on every side".

Minimum size is where guides disagree most. Six published logo guides listed in one search gave minimums of 24 px, 45 px, 66 px, 70 px, 85 px and 180 px, with millimetre equivalents that imply anywhere from 48 to 152 pixels per inch. A pixel has no fixed size on paper, so there is no convention to copy. Derive yours instead:

  1. Measure the logo's thinnest stroke or gap as a share of its height. Call it s.
  2. Decide the thinnest line you trust in each medium.
  3. Minimum height is that line divided by s.

Worked example for a logo whose thinnest stroke is 3% of its height:

MediumThinnest line to trustMinimum logo height
Screen, minimum1 CSS pixel33 px
Screen, crisp on every display2 CSS pixels67 px
Offset print on coated stock0.25 pt8.3 pt, 2.9 mm
Offset print, uncoated or in doubt0.5 pt16.7 pt, 5.9 mm
Packaging converter's floor0.75 pt25 pt, 8.8 mm
Reversed out (knocked out of a colour)1 pt33 pt, 11.8 mm

The line values come from printers and conflict. One print shop gives 0.25 pt as the offset minimum, a forum answer from a printer says 0.5 pt if in doubt and 0.75 pt on uncoated stock, a packaging converter's spec asks for 0.75 pt, and reversed text and lines are usually asked to be heavier still. Write the number for the strictest medium the brand will really use, say it came from the printer, and make the contract proof the final test. Then add the rule that makes a minimum workable: below it, switch to the submark. Nobody should be told to shrink the full logo and hope.

For the smallest use, draw a version for it. Google's favicon page (checked 28 October 2026) asks for a square of at least 8 by 8 pixels and recommends larger than 48 by 48, in a stable, crawlable URL. A "multiple of 48 pixels" rule is repeated in older blog posts, but that page does not require it. A logo scaled to 16 pixels is rarely legible; a drawing made for 16 pixels is.

On the Outverge project page, each of the three lockups has its own grid, safe zone and short list of things it must never do: change colour, stretch, carry a shadow or turn. One list per lockup is more useful than one general "misuse" page, because each lockup fails in different ways.

Colour: values per medium, then the pairs

List each colour once, then say what to write for each medium.

MediumSpecifyWhy
ScreensRGB HEX and RGB, as the masterEverything else is matched to it
Process printCMYK, with the named profile and paperHEX has no single CMYK equivalent; the numbers depend on the profile
Spot colour, packagingPantone number with the coated (C) or uncoated (U) suffixThe same ink looks duller on uncoated paper; converters give approximations, not matches
ToleranceA colour difference, measured on the signed proofISO 12647-2 (2013 revision, as reported in a 2015 TAGA paper) uses 3.5 ΔE00 for cyan, magenta and yellow solids and 5 for black; ask your printer for theirs

Our RGB and CMYK guide covers why the conversion cannot be automatic.

Then print the pairs. Do not make readers check contrast themselves. Southampton University generated every combination of its brand palette (441 pairs) with a script, Oregon State marks passing pairs in a grid, and Texas DIR keeps a separate table for the 3:1 needed by interface parts. We did it for the five swatches printed on the Outverge project page, using unrounded WCAG 2 ratios:

PairRatioUse it for
White on Forest Green14.22Text
Sand Cream on Forest Green9.72Text
Olive Green on White4.63Text, with almost no margin
Olive Green on Black4.54Text, with almost no margin
Olive Green on Sand Cream3.16Graphics and large text only
Olive Green on Forest Green3.08Graphics and large text only
Black on Forest Green1.48Nothing
Sand Cream on White1.46Nothing

The matrix shows what the swatch list does not: olive is a graphics colour on the brand's own two grounds. Large text means 18 pt, or 14 pt bold, and graphics and interface parts also need 3:1 (WCAG 1.4.11).

Three details to put in the notes. WCAG ratios must not be rounded: 4.499 fails 4.5:1, and 2.999 fails 3:1. Logos are exempt from the text rule, but a logo that is faint by choice, or only gains contrast on hover, loses that exemption. Thin type renders fainter than its specified colour, so a pair that scrapes through at 4.5:1 is worse in a light weight. Re-run the matrix whenever a colour changes. Our guide to choosing colours and fonts shows how to build a palette so most pairs pass from the start.

Type: specify the fallback

Guides list the typeface and its weights. The failures happen where it cannot be used. Email is the main one: according to several vendor guides, Gmail's web interface does not load custom fonts while Apple Mail does, and per-client support changes (caniemail.com is the usual place to check). Office documents and other people's websites are the rest.

So specify a fallback stack, and choose a fallback with a similar x-height and width, because a mismatch changes line breaks and makes layouts look broken. State where each weight can be obtained and what the licence covers. A desktop licence generally does not allow web embedding, and web licences are often capped by monthly pageviews. The hierarchy itself (sizes, line spacing, colour per level) is covered in our typography hierarchy guide.

Imagery, voice and templates: rules a stranger can check

Replace adjectives with tests. A rule passes if two people check the same piece against it and agree.

Weak ruleA rule that can be checked
Use plenty of white spaceMargins at least 1x the logo's clear space on every side; one idea per slide
Photography should feel authenticPeople are not looking at the camera; no stock images of handshakes or headsets
Use colour consistentlyThe accent colour is for actions only; one accent element per screen
Keep the tone friendlySentences under 20 words; contractions allowed; no exclamation marks in headlines

These are examples for an invented brand, not rules to copy. For voice, a few example headlines and button labels teach more than adjectives; see our brand voice guide. Templates beat rules, because nobody has to apply a template; see the Instagram carousel guide. NASA's 1976 Graphics Standards Manual, a ring binder by Danne and Blackburn, covered applications as well as marks: stationery, publications, signage, vehicles, aircraft and spacecraft.

Make the values machine-readable

A developer should not copy values out of a PDF. The Design Tokens Community Group published the first stable version of its format on 28 October 2025. It is a community group report, not a W3C standard, and Figma's variable import and export reportedly builds on it. In it a colour token's value is an object, not a string: colorSpace, components, an optional alpha and an optional hex fallback. A plain hex string is not allowed. For three tokens of an invented brand:

TokencolorSpace and componentshex
color.inksrgb, 0.0706, 0.0706, 0.0706#121212
color.tealsrgb, 0.0667, 0.5059, 0.5255#118186
color.papersrgb, 0.9647, 0.9647, 0.9686#f6f6f7

Publish the file next to the PDF, and keep one master. The two will drift if both are edited by hand.

Ownership and exceptions

Name a person who answers questions and approves exceptions, put their contact on the first page, and date every version. Without an exception route, people invent one. The figure most often quoted for why this matters, that consistent presentation raises revenue by 23%, traces to a 2016 survey by Lucidpress and Demand Metric of over 200 organisations, and is an estimate by respondents whose brands had consistency problems. Later figures of 33% and 10 to 20% attributed to the same vendors could not be traced to a report. Treat it as a hunch, not evidence.

Where guidelines go wrong

What happensCauseHow to spot itFix
People make their own rulesThe official file is hard to find, or lacks the asset they needAsk who built the last three slides from scratchPut files and templates on page one, on one URL
Print does not match the screenHEX has no fixed CMYK; profile and paper differCompare the proof to the screen in daylightName the master, the profile and the tolerance
The logo clogs at small sizesMinimum size chosen by eyePrint it at the minimum on the worst paperDerive it from the thinnest stroke; add a submark
Brand colours fail as textPairs were never calculatedRun every pairPublish the matrix
Two versions circulatePDFs sent by emailThe file names differOne URL, a date, a version
Nobody can apply a ruleIt is an adjectiveHand it to a strangerRewrite it as a test

Test it before you publish

Give the guide to someone outside the project and set five tasks with a 30 minute limit: lay out a one-page flyer, pick the right logo file for a dark photograph, choose a text colour for a button, write a headline, and ask for an exception. A task passes when the answer is found in under a minute and matches what you would have said. Then check:

  • Every logo rule has a number, and the minimum size is derived for screen and print.
  • Colour has HEX, a CMYK value with its profile, a spot reference if used, and the table of pairs.
  • A fallback font is named for email and documents, and the licence covers web, app and email.
  • Logo files and templates are linked from the first page.
  • There is an owner, a date and a version.

Guidelines belong to the final delivery phase of our process, with files and a handover. The Outverge page lists what its guideline covers: concept, main logo, variations, grid, structure, safe zones for three lockups, where each is used, the logo on every ground, what it must never do, palette, typefaces and type hierarchy. If you need a brand system with a guide your team can apply without you, get in touch.

Frequently asked questions

What should brand guidelines include?

The logo (versions, clear space, minimum size, misuse), colour values for each medium and the pairs that pass contrast, typography with a fallback font, imagery rules, voice, templates, and practical details: file locations, an owner and a version date. Write each rule so that someone outside the project can apply it and check the result.

How do I set a minimum size for a logo?

Measure the logo's thinnest stroke as a share of its height, choose the thinnest line you trust in each medium, and divide. With a 3% stroke, a 0.5 pt print line gives a 16.7 pt (5.9 mm) height, and a 1 CSS pixel line on screen gives 33 px. Printers disagree on the line, so use the strictest medium and confirm on a proof.

Which colour values should brand guidelines list?

A HEX and RGB value as the screen master, a CMYK value with its named profile for process print, and a Pantone reference with its coated or uncoated suffix for spot colour. HEX has no single CMYK equivalent, so name the master, the proof and the tolerance. Add a table of text and background pairs with their contrast ratios.

Should brand guidelines be a PDF or a website?

The evidence is thin. Vendor surveys suggest people give up when they cannot find the current version, which is the weakness of emailed PDFs. Whatever the format, keep one URL, show the version and date, and provide the logo files, templates and tokens beside it. A PDF can be an export of that page.

Do brand guidelines have to meet accessibility rules?

Logos and brand names are exempt from the WCAG text contrast rule, but all other text and interface parts must pass: 4.5:1 for normal text, 3:1 for large text and for interface parts and graphics. Ratios are not rounded, so 4.499 fails. Print the table of approved pairs, and re-check it whenever a colour changes.

What are design tokens, and should guidelines include them?

Design tokens are named values, such as a colour, that design tools and code both read. The Design Tokens Community Group published a first stable format on 28 October 2025, where a colour is an object with a colorSpace and components rather than a hex string. Including a token file means developers import the values instead of copying them from a PDF.

Sources and fact check

Facts in this article that come from outside LAIN were checked on 28 Oct 2026 against:

Timelines, services and process described here are LAIN's own, as set out on our About and FAQ pages.

[ Keep reading ]

Got a project
in mind?

Contact us today to schedule a consultation and discover how LAIN can transform your digital landscape.