Brand Guidelines

---
# ═══════════════════════════════════════════════════════════════════════════════
# CLAUDE OFFICE SKILL - Enhanced Metadata v2.0
# ═══════════════════════════════════════════════════════════════════════════════

# Basic Information
name: Brand Guidelines Generator
description: "Create and maintain brand style guides for consistent visual identity"
version: "1.0"
author: claude-office-skills
license: MIT

# Categorization
category: marketing
tags:
  - brand
  - guidelines
  - style
  - design
department: Marketing

# AI Model Compatibility
models:
  recommended:
    - claude-sonnet-4
    - claude-opus-4
  compatible:
    - claude-3-5-sonnet
    - gpt-4
    - gpt-4o

# MCP Tools Integration
mcp:
  server: office-mcp
  tools:
    - create_docx
    - create_pptx

# Skill Capabilities
capabilities:
  - brand_documentation
  - style_guide_creation

# Language Support
languages:
  - en
  - zh
---

# Brand Guidelines Generator

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

## Overview

This skill 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