Most businesses think they have a brand when they have a logo. They don't. A logo is just one piece of a brand — like having a front door without the rest of the house.
A visual system is what makes a brand feel coherent across every touchpoint: your website, your pitch decks, your LinkedIn posts, your email signatures, your slide templates. When done properly, someone can see any piece of your communication and immediately know it's you — before they read a word.
Here's how to build one from scratch, regardless of whether you're a solo founder or a 50-person team.
Step 1: Define what your brand feels like before you define what it looks like
The most common mistake in brand design: jumping straight to colours and fonts before answering the question of what feeling you want to create.
Every design decision — colour, typography, spacing, photography style — should be in service of a specific emotional territory. Before you open any design software, answer these three questions:
- What are three adjectives a client should use to describe your brand after their first interaction?
- If your brand were a person, how would they dress, speak, and carry themselves?
- What brands (inside or outside your industry) create the feeling you're aiming for?
A boutique consulting firm might answer: "Precise, authoritative, human." That points toward clean typography, structured layouts, dark or navy colour palettes, professional photography, and generous white space. Every subsequent decision flows from that positioning.
Step 2: Build your typography hierarchy first
Typography is the backbone of your visual system. It does more to communicate brand personality than almost any other element — and it's the element most businesses get wrong by defaulting to generic system fonts.
A complete typography system has three levels:
- Display / Headline font: Used for big statements, hero text, major headings. Should be distinctive and expressive of your brand personality.
- Body font: Used for all readable text. Should be highly legible at small sizes. Pairs with the display font without competing with it.
- Utility font: Used for labels, captions, data, UI elements. Often a clean, neutral sans-serif.
Define the sizes, weights, and line heights for each use case — and write them down. "Headline: 48px, weight 700, line-height 1.1" is a system. "Big bold font" is not.
Step 3: Create a colour palette with purpose
Most brand colour palettes have too many colours and not enough intention. A functional brand palette needs five things:
- Primary colour: Your signature colour. Used for the most important actions and elements. Should appear on your logo.
- Secondary colour: A supporting colour that pairs with primary. Used for accents, secondary CTAs, hover states.
- Neutral dark: Your primary text colour and dark backgrounds.
- Neutral light: Your primary background and light surface colour.
- Semantic colours: Success (green), warning (amber), error (red). Functional, not decorative.
📐 The accessibility test
Every text-on-background colour combination in your palette should pass WCAG AA contrast ratio (4.5:1 for normal text). Use a free tool like coolors.co/contrast-checker to verify. Accessible colours aren't just ethical — they're more readable for everyone.
Step 4: Document your rules in a style guide
A visual system only works if everyone using it knows the rules. Without documentation, every new piece of communication becomes a guessing game that slowly erodes brand consistency.
Your style guide should include:
- Logo usage: clear space rules, minimum sizes, approved backgrounds, what never to do
- Typography: every size, weight, and use case spelled out
- Colour: every hex code, Pantone reference, and usage rule
- Imagery: photography style, illustration style, what to avoid
- Spacing: padding and margin rules for consistent layout
This doesn't need to be a 50-page PDF. A well-organised Notion page or a single Figma frame can contain all of this. The format matters less than the completeness.
Step 5: Create master templates before you need them
The final step is translating your style guide into actual tools your team can use. For most businesses, that means:
- A PowerPoint or Google Slides master template with all slide layouts
- A Canva brand kit with your fonts, colours, and logo uploaded
- Social media templates for your most-used post formats
- A document template (Word or Google Docs) for proposals and reports
When your team has templates, they spend their time on content — not on recreating the wheel every time. Brand consistency becomes the default, not the exception. And consistent brands build recognition faster, which compounds over time into trust.
The single most common mistake
Building a brand system and then never updating it. Brands evolve. Your style guide should have a version number and a date. Set a calendar reminder once a year to review whether your visual system still reflects where the business is going.
A brand isn't built once. It's maintained.
Need help applying these principles?
18+ years of McKinsey-trained design. Let's make your ideas impossible to ignore.
Start a project →