Home
cd ../playbooks
Marketing & ContentIntermediate

Brand Guidelines Generator

Create and maintain brand style guides for consistent visual identity

10 minutes
By communitySource
#brand#guidelines#style#design

Your team uses 4 different shades of your brand blue, the logo keeps appearing in wrong sizes, and every new hire asks 'what font do we use?' because nobody wrote it down.

Who it's for: growing startups without a design team, brand managers standardizing across departments, agencies creating deliverables for clients, marketing teams onboarding freelancers, founders scaling content production

Example

"Create brand guidelines for our SaaS company" → Complete style guide with color palette (hex codes), typography rules, logo usage specs, voice and tone guidelines, and do's/don'ts with visual examples

CLAUDE.md Template

New here? 3-minute setup guide → | Already set up? Copy the template below.

# Brand Guidelines Generator

Create comprehensive brand guidelines to ensure consistent visual and verbal identity.

## Overview

This workflow helps you:
- Create brand style guides from scratch
- Document existing brand elements
- Define usage rules and examples
- Maintain brand consistency

## How to Use

### Create New Guidelines
```
"Create brand guidelines for [Company Name]"
"Help me document our brand identity"
"Generate a style guide based on our logo and colors"
```

### Update Existing
```
"Add social media guidelines to our brand guide"
"Update our color palette documentation"
"Define voice and tone guidelines"
```

## Brand Guidelines Structure

### Complete Guide Template
```markdown
# [Brand Name] Brand Guidelines

## Table of Contents
1. Brand Overview
2. Logo Usage
3. Color Palette
4. Typography
5. Imagery
6. Voice & Tone
7. Applications
8. Do's and Don'ts

---

## 1. Brand Overview

### Mission
[One sentence: Why does the brand exist?]

### Vision
[One sentence: What future does the brand aspire to?]

### Values
- [Value 1]: [Brief description]
- [Value 2]: [Brief description]
- [Value 3]: [Brief description]

### Brand Personality
[3-5 adjectives that describe the brand]
Example: Innovative, Approachable, Trustworthy

### Target Audience
[Primary and secondary audience descriptions]

---

## 2. Logo Usage

### Primary Logo
[Logo image placeholder]

### Logo Variations
- **Primary**: Full color, horizontal
- **Secondary**: Stacked/vertical
- **Icon/Mark**: Symbol only
- **Wordmark**: Text only

### Clear Space
Minimum clear space around logo: [X] times the height of [element]

### Minimum Sizes
- Print: [X] inches / [Y] mm
- Digital: [X] pixels

### Logo Colors
| Version | Use Case |
|---------|----------|
| Full Color | Primary use on white/light backgrounds |
| Reversed | On dark backgrounds |
| Monochrome | Single-color printing |

### Logo Don'ts
- ❌ Don't stretch or distort
- ❌ Don't rotate
- ❌ Don't change colors
- ❌ Don't add effects (shadows, gradients)
- ❌ Don't place on busy backgrounds

---

## 3. Color Palette

### Primary Colors
| Color | Hex | RGB | CMYK | Pantone |
|-------|-----|-----|------|---------|
| [Name] | #XXXXXX | R, G, B | C, M, Y, K | XXXX C |

### Secondary Colors
[Same format as above]

### Accent Colors
[Same format as above]

### Color Usage
- **Primary Blue**: Headlines, CTAs, primary elements
- **Secondary Gray**: Body text, borders
- **Accent Green**: Success states, highlights

### Accessibility
All text must meet WCAG 2.1 AA contrast requirements:
- Normal text: 4.5:1 minimum
- Large text: 3:1 minimum

---

## 4. Typography

### Primary Font
**[Font Name]** - [Source/License]

| Style | Weight | Use |
|-------|--------|-----|
| Heading 1 | Bold (700) | Page titles |
| Heading 2 | Semi-bold (600) | Section headers |
| Body | Regular (400) | Paragraph text |
| Caption | Light (300) | Small text, captions |

### Secondary Font
**[Font Name]** - [When to use]

### Font Sizes
| Element | Desktop | Mobile |
|---------|---------|--------|
| H1 | 48px | 32px |
| H2 | 36px | 24px |
| H3 | 24px | 20px |
| Body | 16px | 16px |
| Small | 14px | 14px |

### Line Heights
- Headings: 1.2
- Body text: 1.5
- Small text: 1.4

---

## 5. Imagery

### Photography Style
- [Lighting]: Natural, bright
- [Composition]: Clean, minimal
- [Subjects]: Real people, authentic moments
- [Mood]: [Aspirational/Professional/Friendly]

### Illustration Style
[If applicable - describe style, colors, line weights]

### Iconography
- Style: [Outline/Filled/Duotone]
- Stroke width: [X]px
- Corner radius: [X]px
- Grid size: [24x24, 16x16]

### Image Don'ts
- ❌ No stock photos that look staged
- ❌ No outdated technology
- ❌ No images that conflict with brand values

---

## 6. Voice & Tone

### Brand Voice
Our voice is: [Adjective], [Adjective], [Adjective]

| We Are | We Are Not |
|--------|------------|
| Friendly | Casual |
| Confident | Arrogant |
| Clear | Simplistic |
| Helpful | Pushy |

### Tone by Context
| Context | Tone | Example |
|---------|------|---------|
| Marketing | Inspiring | "Transform your workflow" |
| Support | Empathetic | "We understand this is frustrating" |
| Error Messages | Helpful | "Let's fix this together" |
| Legal | Clear | "Your data is protected" |

### Writing Guidelines
- Use active voice
- Keep sentences short (15-20 words)
- Avoid jargon unless necessary
- Address the reader directly ("you")

---

## 7. Applications

### Business Cards
[Specifications and layout]

### Email Signature
```
[Name]
[Title]
[Company]
[Phone] | [Email]
[Website]
```

### Social Media
| Platform | Profile Image | Cover Size |
|----------|---------------|------------|
| LinkedIn | 400x400px | 1128x191px |
| Twitter | 400x400px | 1500x500px |
| Facebook | 170x170px | 820x312px |

### Presentation Templates
[Slide specifications and examples]

---

## 8. Do's and Don'ts

### Do's ✅
- Use approved color combinations
- Maintain clear space around logo
- Follow typography hierarchy
- Use high-quality images
- Stay consistent across channels

### Don'ts ❌
- Alter logo proportions
- Use off-brand colors
- Mix too many fonts
- Use low-resolution assets
- Deviate without approval
```

## Quick Reference Card

```markdown
# [Brand] Quick Reference

## Colors
🔵 Primary: #XXXXXX
⚪ Secondary: #XXXXXX
🟢 Accent: #XXXXXX

## Fonts
Headlines: [Font] Bold
Body: [Font] Regular

## Logo
- Minimum size: XXpx
- Clear space: Xpx
- File formats: SVG, PNG, PDF

## Voice
[3 key adjectives]
```

## Limitations

- Cannot create visual assets (logos, images)
- Color specifications should be verified
- Typography licensing is user's responsibility
- Legal review recommended for usage rights
README.md

What This Does

Create comprehensive brand guidelines to ensure consistent visual and verbal identity.


Quick Start

Step 1: Create a Project Folder

mkdir -p ~/Documents/BrandGuidelines

Step 2: Download the Template

Click Download above, then:

mv ~/Downloads/CLAUDE.md ~/Documents/BrandGuidelines/

Step 3: Start Working

cd ~/Documents/BrandGuidelines
claude

How to Use

Create New Guidelines

Update Existing

Limitations

  • Cannot create visual assets (logos, images)
  • Color specifications should be verified
  • Typography licensing is user's responsibility
  • Legal review recommended for usage rights

$Related Playbooks