Pro Brand Guidelines

A comprehensive skill for creating, managing, and applying brand identity systems — covering visual guidelines, tone of voice, color palettes, typography rules, and asset usage standards across all digital and print materials.

When to Use This Skill

Choose Pro Brand Guidelines when you need to:

• Create or document a complete brand style guide from scratch
• Enforce consistent visual identity across marketing materials
• Define color palettes, typography scales, and logo usage rules
• Write tone-of-voice guidelines for content teams
• Audit existing materials for brand compliance

Consider alternatives when:

• You need to design actual graphics (use a design tool instead)
• You're writing marketing copy without brand constraints
• You need UX/UI component libraries (use a design system skill)

Quick Start

Copy
# Ask Claude to generate brand guidelines
claude "Create a brand style guide for my SaaS product called 'FlowSync' with a modern, professional tone"

Copy
# FlowSync Brand Guidelines

## Brand Essence
FlowSync helps teams move faster by eliminating workflow friction.
Our brand communicates clarity, speed, and reliability.

## Color Palette

### Primary Colors
| Color       | Hex       | Usage                          |
|-------------|-----------|--------------------------------|
| Flow Blue   | #2563EB   | Primary buttons, links, CTAs   |
| Sync Dark   | #0F172A   | Headlines, body text           |
| Clean White | #FFFFFF   | Backgrounds, cards             |

### Secondary Colors
| Color        | Hex       | Usage                         |
|--------------|-----------|-------------------------------|
| Success      | #10B981   | Confirmations, positive state |
| Warning      | #F59E0B   | Alerts, caution indicators    |
| Accent Gray  | #64748B   | Secondary text, borders       |

## Typography
- **Headlines**: Inter Bold, 32-48px
- **Subheadings**: Inter Semi-Bold, 20-24px
- **Body**: Inter Regular, 16px, line-height 1.6
- **Captions**: Inter Medium, 12-14px

## Tone of Voice
- Clear over clever
- Confident but not arrogant
- Technical accuracy with accessible language

Core Concepts

Brand Identity Components

Component	Purpose	Deliverable
Logo System	Primary recognition mark	Logo variations, clear space
Color Palette	Visual consistency across touchpoints	Hex, RGB, CMYK values
Typography	Readable, branded text hierarchy	Font stack, scale, weights
Tone of Voice	Consistent communication personality	Writing guidelines document
Imagery Style	Cohesive visual language	Photo/illustration direction
Iconography	Functional visual shortcuts	Icon style, grid, sizing

Logo Usage Rules

Copy
## Logo Specifications

### Minimum Clear Space
Maintain padding equal to the height of the logo mark "F" on all sides.

### Minimum Size
- Digital: 24px height minimum
- Print: 12mm height minimum

### Approved Backgrounds
✅ White / light gray (#F8FAFC or lighter)
✅ Brand dark (#0F172A)
❌ Busy photographs without overlay
❌ Colors that clash with brand blue

### Logo Don'ts
- Never stretch or distort proportions
- Never change brand colors
- Never add drop shadows or effects
- Never place on low-contrast backgrounds

Color Accessibility

Copy
## Contrast Ratios (WCAG 2.1 AA)

| Combination              | Ratio  | Status |
|--------------------------|--------|--------|
| Sync Dark on White       | 15.4:1 | ✅ AAA |
| Flow Blue on White       | 4.6:1  | ✅ AA  |
| White on Flow Blue       | 4.6:1  | ✅ AA  |
| Accent Gray on White     | 4.5:1  | ✅ AA  |
| Warning on White         | 3.1:1  | ⚠️ Large text only |

Configuration

Parameter	Description	Example
brand_name	Company or product name	"FlowSync"
industry	Business sector for tone calibration	"B2B SaaS"
personality	Brand personality traits	"modern, trustworthy"
primary_color	Main brand color	"#2563EB"
font_family	Primary typeface	"Inter"
output_format	Guideline document format	"markdown" or "pdf"
include_examples	Add usage examples for each rule	true

Best Practices

1. Start with brand values before visuals — Define what the brand stands for (mission, personality, values) before picking colors or fonts. Visual choices should reinforce meaning, not just look attractive.

2. Provide do/don't examples for every rule — Abstract guidelines get ignored. Pair every specification with a concrete visual example showing correct usage alongside common mistakes.

3. Design for accessibility from the start — Check all color combinations against WCAG 2.1 AA contrast ratios. Brands that fail accessibility checks need rework eventually, so build it in upfront.

4. Create tiered guidelines for different audiences — Executives need the one-page summary, designers need the full spec, and external partners need the quick-reference card. One document rarely serves all three well.

5. Version your brand guidelines — Include a version number and last-updated date. Brand systems evolve, and teams need to know whether their reference is current.

Common Issues

Color values drift across platforms — The same hex value can look different on screens vs. print. Provide Hex, RGB, and CMYK values for every color, and specify Pantone equivalents for print materials. Test on multiple devices before finalizing.

Typography fallback chains are missing — If your brand uses a custom or premium font, always specify fallback fonts for email clients and systems where the primary font isn't available. Example: font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif.

Guidelines are created but never enforced — The most common failure is creating a beautiful brand guide that nobody follows. Build brand checks into design review workflows, create template libraries that enforce rules automatically, and assign a brand guardian who reviews materials before publication.