Branding

How to Create a Brand Style Guide (Free Template)

Q: What should a brand style guide include?

A comprehensive brand style guide includes 7 sections: (1) Brand overview — mission, values, and personality. (2) Logo — versions, minimum size, clear space, and misuse examples. (3) Color palette — primary, secondary, and accent colors with HEX, RGB, and CMYK values. (4) Typography — primary and secondary fonts, sizes, and hierarchy. (5) Imagery — photography style, illustration guidelines, and icon usage. (6) Voice and tone — writing style, vocabulary, and communication principles. (7) Application examples — business cards, social media, email signatures, and website. At minimum, cover logo, colors, fonts, and voice.

Q: Do freelancers need a brand style guide?

Yes, even a simple one. A 2-3 page style guide ensures your website, social media, proposals, and invoices all look consistent and professional. It doesn't need to be a 50-page corporate manual. At minimum, document: your logo files and usage rules, 3-5 brand colors with hex codes, 1-2 fonts, and a brief description of your brand voice. This takes an afternoon to create and saves hours of 'what color/font did I use?' decisions over the next year.

Q: How many colors should a brand have?

3-5 colors is the sweet spot. Structure: 1 primary color (your main brand color, used for CTAs, headers, and key elements), 1-2 secondary colors (complement the primary, used for accents and backgrounds), and 1-2 neutral colors (for text, borders, and backgrounds — typically a dark gray/black and a light gray/white). More than 5 creates visual chaos. Fewer than 3 limits your design flexibility. Use ToolKit.dev's Color Converter to get exact HEX, RGB, and CMYK values for each.

Q: Where should I store my brand style guide?

Store it somewhere accessible to everyone who creates content for your brand: a shared Google Drive folder, Notion page, or Dropbox. The format should be both a designed PDF (for sharing with contractors and partners) and a live document (for easy updates). Many brands use Notion or Google Docs as the living document and export a PDF version quarterly. Include a link to your style guide in your onboarding materials for any freelancer or contractor you hire.

Updated March 27, 2026 · 14 min read

A brand style guide is the difference between a business that looks professional and one that looks like five different people designed it on five different days. It's a single document that answers every "what color/font/tone should I use?" question before it's asked.

You don't need a design agency. This guide walks you through building a style guide yourself, section by section, with free tools.

The 7 Sections Every Style Guide Needs

1Brand Overview

Start with who you are. This section grounds everything that follows. Include:

Mission statement: One sentence. What you do and why it matters. Not corporate jargon — the real reason you exist.
Brand values: 3–5 principles that guide every decision. "Privacy-first" means something different from "growth at all costs" — your values shape your visual and verbal identity.
Brand personality: If your brand were a person, how would they speak and behave? Describe 3–5 personality traits. Example: "Expert but approachable, direct but not aggressive, practical over theoretical."

2Logo Usage

Your logo is used more than any other brand asset. Document how to use it correctly — and how not to.

Logo versions: Full color, single color, reversed (white on dark), and icon-only. Provide files in SVG, PNG, and EPS formats.
Minimum size: The smallest size at which the logo remains legible. Typically 24–32px for digital, 0.5–1 inch for print.
Clear space: The minimum space around the logo where no other elements should appear. Usually defined as a proportion of the logo itself (e.g., "height of the logo letter 'K' on all sides").
Don'ts: Show 4–6 examples of misuse: stretching, rotating, changing colors, adding effects, placing on busy backgrounds, modifying the layout.

Need a favicon version of your logo? Use ToolKit.dev's Favicon Generator to create optimized favicons for every browser and device.

3Color Palette

Define 3–5 colors with exact values for every medium. Don't leave room for "close enough" — specify exact codes.

For each color, document:

HEX (for web): #2563EB
RGB (for screen): 37, 99, 235
CMYK (for print): 84, 58, 0, 8
Usage: Where this color appears (headings, buttons, backgrounds, accents)

Use ToolKit.dev's Color Converter to get exact HEX, RGB, HSL, and CMYK values for every color. Use the Color Palette Generator to create harmonious color schemes.

Pro tip

Define color ratios. A common split: primary color 60%, secondary 30%, accent 10%. This prevents the "everything is blue" problem where the primary color overwhelms every design.

4Typography

Define your fonts and how they're used across contexts.

Primary font: Used for headings and emphasis. Choose something distinctive but legible.
Secondary font: Used for body text. Prioritize readability. System fonts (Inter, -apple-system) are excellent for web.
Size hierarchy: H1 through body text sizes for web. Point sizes for print. Line height and letter spacing.
Weight usage: When to use bold (700), semibold (600), regular (400). Avoid using more than 3 weights.

Stick to 2 fonts maximum. One for headings, one for body. Using 3+ fonts makes everything look disjointed.

5Voice & Tone

How your brand communicates in words. This section is often skipped but it's what makes a brand feel consistent across blog posts, social media, emails, and support responses.

Voice: Your brand's personality expressed through language. Consistent across all contexts. Example: "Direct, knowledgeable, practical."
Tone: The emotional adjustment of your voice for different situations. Your voice stays the same, but tone shifts: celebratory in a launch announcement, empathetic in a support response, authoritative in a guide.
Do's and don'ts: Specific examples. "Do: Use contractions (we're, you'll). Don't: Use jargon (synergy, leverage, paradigm)." "Do: Address the reader as 'you.' Don't: Use passive voice ('Invoices can be generated' vs 'Generate invoices')."

Build Your Brand

The Freelancer Business Kit

Brand templates, proposal frameworks, email scripts, and client management systems — everything to present a professional brand.

Get the Kit — $19

6Imagery Guidelines

Define the visual style beyond logo and colors:

Photography style: Bright and airy? Dark and moody? Candid or staged? Include 4–6 example images that represent your brand.
Illustration style: Line art? Flat illustrations? 3D? If you use illustrations, define the style with examples.
Icons: Outline or filled? Rounded or sharp corners? Consistent line weight? Link to your icon set if you use one.
Image don'ts: Stock photos that look fake, images with text overlays that conflict with brand fonts, low-resolution images.

Use ToolKit.dev's Image Compressor to optimize all brand images for web without quality loss.

7Application Examples

Show how all the elements come together in real contexts:

Business card layout
Email signature (create yours free at ToolKit.dev)
Social media profile images and post templates
Invoice design (use ToolKit.dev's invoice generator for branded invoices)
Website header/footer
Presentation slide template

These examples prevent the "I know the rules but don't know how to apply them" problem. Show, don't just tell.

The One-Page Minimum Style Guide

If a 20-page style guide feels like overkill for your stage, create a one-page version with just these elements:

Logo files (SVG + PNG) and basic usage rules
3–5 brand colors with HEX codes
2 fonts (heading + body) with sizes
3 brand personality adjectives
5 voice do's and don'ts

This takes an afternoon to create and covers 90% of daily brand decisions. Expand it as your brand grows.

Free Tools for Building Your Style Guide

Color selection: ToolKit.dev Color Palette Generator and Color Converter
Font pairing: Google Fonts (fontpair.co for pairing suggestions)
Design: Canva (free brand kit on free plan) or Figma (free for personal use)
Favicon: ToolKit.dev Favicon Generator
Document hosting: Notion (free for personal), Google Docs, or export as PDF

Frequently Asked Questions

What should a brand style guide include?

7 sections: brand overview, logo usage, color palette, typography, voice and tone, imagery guidelines, and application examples. At minimum, cover logo, colors, fonts, and voice.

Do freelancers need a brand style guide?

Yes, even a simple one. A 2–3 page guide ensures your website, proposals, invoices, and social media all look consistent. Takes an afternoon; saves hours of future decisions.

How many colors should a brand have?

3–5 colors: 1 primary, 1–2 secondary, 1–2 neutrals. Use the 60/30/10 ratio: primary 60%, secondary 30%, accent 10%. Use ToolKit.dev's Color Converter for exact values.

Where should I store my brand style guide?

Shared Google Drive, Notion page, or Dropbox. Keep a designed PDF for sharing and a live document for updates. Include the link in onboarding materials for any contractors you hire.

Get Professional Brand Templates

The Freelancer Business Kit includes brand templates alongside proposals, contracts, and more:

Proposal templates with consistent branding
Contract and scope of work frameworks
Invoice layouts matching your brand
Email scripts for client communication
Onboarding checklists

$19

One-time purchase. Instant download. Free updates for life.

Get the Freelancer Business Kit