Brand guidelines
Brand guidelines are the documented rules for using a brand: logo usage, colour, typography, imagery, layout, voice and tone, with real examples. They let anyone on the team produce work that looks and sounds like the same company.
- Also called
- Brand book, Brand style guide, Brand standards, Brand manual
- Category
- Brand
- Updated
Brand guidelines turn a brand identity into instructions. They explain what each element is, when to use it and, as importantly, what not to do: no stretched logos, no off-palette gradients, no exclamation marks in error messages. Good guidelines show real applications next to the rules, so a marketer making a LinkedIn post or a salesperson editing a deck can match the brand without asking a designer.
They usually cover the visual identity in detail and the verbal side in enough depth to be useful: a voice that stays constant and a tone that shifts by context, from playful in social posts to plain and calm in billing emails.
Why it matters for a SaaS company
Growing SaaS companies produce assets faster than any design team can review them: landing pages, webinar slides, investor updates, job posts, partner one-pagers. Without written rules, each one drifts a little, and within a year the company looks inconsistent. Guidelines let the whole team move fast without that drift. They also make handoffs to new hires, freelancers and agencies quicker, which is why we ask clients to share theirs when briefing a project.
How DesignMe handles it
We create practical guidelines a team can actually use, not a beautiful PDF that gets ignored once the project ends. In our brand identity work, a fast sprint includes core brand guidelines and an extended brand system adds full guidelines and documentation. Both come with reusable rules, examples and templates, plus organised source files, so every touchpoint feels like the same company. For N3XT, the identity system shipped as a wordmark, an icon set, type and usage rules built to flex across product, web and print.
Brand handoff also includes organised Figma files with components, variants and variables, so the colours and type in the guidelines are the same ones the website and product use.
Example
Say a Series A company’s sales team keeps rebuilding the pitch deck with screenshots on coloured backgrounds that clash with the website. The guidelines add a slide template, three approved background colours, a rule for framing product screenshots, and before-and-after examples. The next quarter’s decks need no design review to look on-brand.
Common mistakes
- A PDF nobody opens. Put guidelines where the team works: in Figma, Notion or a web page with downloadable assets.
- Rules without examples. Show correct and incorrect use side by side.
- No accessible colour pairings. WCAG 2.2 exempts logos, not text, so list which colour combinations pass for body copy.
- Missing digital rules. UI, motion and social templates matter more than letterhead for most SaaS brands.
Questions
- What should brand guidelines include?
- Logo versions with clear space, minimum sizes and misuse examples; the colour palette with roles and accessible text pairings; typography for headings, body and interface; imagery, illustration and icon style; layout principles; voice and tone with before-and-after copy; and templates for the assets the team makes most, such as decks and social posts.
- What is the difference between brand guidelines and a design system?
- Brand guidelines govern how the company presents itself everywhere: marketing, sales, social, events and product. A design system governs how the product interface is built, with tokens, components and patterns in design and code. They should share the same colours and type, and the best setups feed brand colours into the design system as tokens.
Sources
- Nielsen Norman Group: Brand Vocabulary in the Context of UX (opens in a new tab)nngroup.com
- Nielsen Norman Group: Brand Is Experience in the Digital Age (opens in a new tab)nngroup.com
- Nielsen Norman Group: The Four Dimensions of Tone of Voice (opens in a new tab)nngroup.com
- W3C: Understanding Success Criterion 1.4.3, Contrast (Minimum) (opens in a new tab)w3.org
Press Escape to close.