Brand Guidelines Expert

Create, maintain, and enforce brand identity systems — covering visual identity, tone of voice, design tokens, and consistent brand application across all touchpoints.

When to Use

Develop brand guidelines when:

• Building a new brand from scratch
• Rebranding or refreshing an existing brand
• Scaling a team that needs consistent brand application
• Creating white-label products that need brand customization

Use existing brand assets when:

• Working within an established brand system
• Making minor design updates that don't affect brand identity

Quick Start

Brand Identity Document

Copy
## Brand Identity: {Brand Name}

### Mission & Values
- Mission: {one-sentence mission}
- Vision: {where the brand is heading}
- Values: {3-5 core values}

### Visual Identity

#### Colors
| Name | Hex | RGB | Usage |
|------|-----|-----|-------|
| Primary | #1A73E8 | 26, 115, 232 | CTAs, headers, links |
| Secondary | #34A853 | 52, 168, 83 | Success states, accents |
| Neutral 900 | #1F2937 | 31, 41, 55 | Body text |
| Neutral 100 | #F3F4F6 | 243, 244, 246 | Backgrounds |
| Error | #DC2626 | 220, 38, 38 | Error states |
| Warning | #F59E0B | 245, 158, 11 | Warning states |

#### Typography
| Usage | Font | Weight | Size |
|-------|------|--------|------|
| H1 | Inter | Bold (700) | 36px / 2.25rem |
| H2 | Inter | Semi-bold (600) | 28px / 1.75rem |
| Body | Inter | Regular (400) | 16px / 1rem |
| Caption | Inter | Regular (400) | 14px / 0.875rem |

#### Logo Usage
- Minimum size: 32px height
- Clear space: 1x logo height on all sides
- Do not: stretch, rotate, add effects, change colors

Design Tokens (CSS)

Copy
:root {
  /* Colors */
  --color-primary: #1A73E8;
  --color-secondary: #34A853;
  --color-neutral-900: #1F2937;
  --color-neutral-100: #F3F4F6;

  /* Typography */
  --font-family: 'Inter', -apple-system, sans-serif;
  --font-size-h1: 2.25rem;
  --font-size-body: 1rem;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
}

Core Concepts

Brand Consistency Matrix

Touchpoint	Visual	Verbal	Experiential
Website	Colors, typography, imagery	Tone of voice, messaging	UX patterns, interactions
Email	Templates, header/footer	Subject lines, copy style	Personalization level
Social	Profile images, post templates	Captions, hashtags	Response time, engagement
Product	UI components, icons	Microcopy, error messages	Onboarding, feature discovery
Print	Letterhead, business cards	Taglines, descriptions	Paper quality, finish

Tone of Voice

Dimension	Our Brand	Not Our Brand
Formality	Professional but approachable	Corporate jargon
Humor	Light, occasional wit	Sarcasm or forced jokes
Complexity	Simple, clear language	Technical overload
Confidence	Knowledgeable, not arrogant	Hedging or boastful

Configuration

Parameter	Description
primary_colors	Core brand color palette
typography	Font families, sizes, weights
spacing_scale	Consistent spacing system
logo_variants	Full, icon, monochrome versions
tone_descriptors	3-5 words describing brand voice
do_dont_examples	Concrete examples of brand application

Best Practices

1. Start with values — visual identity should reflect brand values, not just look nice
2. Create design tokens — CSS custom properties or Figma tokens ensure code matches design
3. Show don'ts alongside dos — people learn from counter-examples
4. Keep guidelines accessible — a 200-page PDF nobody reads is worse than a 10-page guide everyone uses
5. Update regularly — brands evolve; guidelines should be living documents
6. Include real examples — show the guidelines applied to actual deliverables

Common Issues

Team applies brand inconsistently: Create reusable components (UI kit, email templates). Use design tokens that auto-update. Run brand audits quarterly.

Guidelines are too restrictive: Add flexibility ranges (e.g., "secondary colors may be used for accents"). Include a "when to break the rules" section with examples.

Brand feels dated: Schedule brand reviews annually. Track competitor brand evolution. Update imagery and micro-interactions while keeping core identity stable.