Create Comprehensive Brand Guidelines Documents
AI skill for writing brand guidelines documents - logo specs, color systems, typography, and voice/tone frameworks.
Maintainer of this project? Claim this page to edit the listing.
1.0.0Add to Favorites
Why it matters
Generate detailed and structured brand guidelines documents to ensure consistent brand identity across all platforms and communications.
Outcomes
What it gets done
Define brand mission, values, personality, and target audience.
Specify logo usage, color palettes, and typography systems.
Outline voice and tone guidelines with examples.
Provide visual identity standards for photography and applications.
Install
Add it to your toolbox
Run in your project directory:
curl -fsSL https://spark.entire.vc/get/vb-brand-guidelines-doc | bash Overview
Brand Guidelines Document Creator Agent
Writes brand guidelines documents - logo specifications, color systems, typography hierarchy, and voice/tone frameworks - for consistent brand application. Use when a brand needs a comprehensive guidelines document for consistent application across teams and touchpoints.
What it does
This skill provides expertise in creating comprehensive brand guidelines documents that serve as the definitive reference for maintaining consistent brand identity across touchpoints. The core structure organizes guidelines into a fixed section framework: brand introduction and mission, logo guidelines, color palette, typography, imagery/photography, voice and tone, application examples, what-not-to-do, and brand assets/resources. Every document opens with core brand elements: a mission statement (1-2 sentences), brand values (3-5 core values with brief explanations), brand personality (5-7 descriptive adjectives), and a clear target audience profile.
Logo guideline specifications define technical requirements - minimum size for digital and print applications, and clear-space requirements (minimum clearspace equal to half the logo height) - plus a logo variation matrix covering the primary full-color horizontal logo, a secondary vertical version, monochrome versions (black, white, single-color), an icon/symbol-only mark for small applications, and the acceptable background colors per variation. The color system architecture defines a primary brand palette with exact RGB/CMYK/hex values for primary, secondary, and accent colors plus a neutral palette (dark/medium/light), a usage hierarchy (60% primary, 30% secondary, 10% accent), and accessibility compliance requiring all color combinations to meet WCAG AA contrast (minimum 4.5:1).
The typography system defines a font hierarchy (primary font for headings with weight/size/line-height/letter-spacing specs, secondary font for body text, and fallback font stacks) and a type scale specifying exact sizes for H1-H3, body text, and captions across desktop and mobile breakpoints. The voice and tone framework scores brand voice characteristics on a 1-10 scale (e.g. professional, friendly, authoritative, conversational, playful) and defines tone variations by context (marketing materials, customer support, technical documentation, social media). Writing guidelines specify concrete dos (active voice, second person for customers, sentences under 20 words, contractions for conversational tone) and don'ts (unexplained jargon, all-caps except acronyms, excessive exclamation points, mixed metaphors/cliches). Visual identity standards extend to photography style guidance defining image characteristics consistent with the brand.
When to use - and when NOT to
Use this skill when a brand needs a definitive, comprehensive guidelines document covering logo, color, typography, and voice standards for consistent application across teams and touchpoints. It is well suited to brands establishing or refreshing their identity system with multiple stakeholders applying it. It is not meant for a single marketing asset with no broader brand system to document, or for a brand with no established visual identity yet to formalize.
Inputs and outputs
Input: the brand's mission, values, existing visual identity (logo, colors, fonts), and target audience.
Output: a complete brand guidelines document covering logo specs, color system, typography, voice/tone, and application examples. Example color palette specification:
$primary-brand: #1A237E; // RGB: 26, 35, 126 | CMYK: 79, 72, 0, 51
$secondary-brand: #FF6B35; // RGB: 255, 107, 53
$accent-brand: #4CAF50; // RGB: 76, 175, 80
Integrations
Produces a standalone brand guidelines document with CSS/SCSS-formatted specifications meant to be referenced by design and marketing teams; it does not connect to a specific design tool itself.
Who it's for
Brand and marketing teams establishing or refreshing a comprehensive identity system, and design teams that need precise logo, color, and typography specifications for consistent application.
Source README
Brand Guidelines Document Expert
You're an expert at creating comprehensive brand guidelines documents that serve as the definitive reference for maintaining consistent brand identity across all touchpoints. You understand how to structure, organize, and present brand standards in ways that are both authoritative and accessible to diverse stakeholders.
Core Brand Guidelines Structure
Primary Sections Framework
### Brand Guidelines [Brand Name]
### Table of Contents
1. Brand Introduction and Mission
2. Logo Guidelines
3. Color Palette
4. Typography
5. Imagery and Photography
6. Voice and Tone
7. Application Examples
8. What Not to Do
9. Brand Assets and Resources
Essential Brand Elements
Start every brand guidelines document with:
- Brand Mission Statement (1-2 sentences)
- Brand Values (3-5 core values with brief explanations)
- Brand Personality (5-7 descriptive adjectives)
- Target Audience (clear demographic and psychographic profile)
Logo Guidelines Specifications
Technical Requirements
/* Minimum logo sizes */
.logo-primary {
min-width: 120px; /* Digital applications */
min-height: 40px;
}
.logo-print {
min-width: 1.5in; /* Print applications */
min-height: 0.5in;
}
/* Clear space requirements */
.logo-clearspace {
padding: calc(logo-height * 0.5); /* Minimum clear space = 1/2 logo height */
}
Logo Variation Matrix
Always include:
- Primary Logo (full color, horizontal)
- Secondary Logo (vertical version)
- Monochrome Versions (black, white, single color)
- Icon/Symbol Only (for small applications)
- Acceptable Background Colors for each variation
Color System Architecture
Primary Color Palette
// Brand primary colors
$primary-brand: #1A237E; // RGB: 26, 35, 126 | CMYK: 79, 72, 0, 51
$secondary-brand: #FF6B35; // RGB: 255, 107, 53 | CMYK: 0, 58, 79, 0
$accent-brand: #4CAF50; // RGB: 76, 175, 80 | CMYK: 57, 0, 54, 31
// Neutral palette
$neutral-dark: #212121; // RGB: 33, 33, 33
$neutral-medium: #757575; // RGB: 117, 117, 117
$neutral-light: #F5F5F5; // RGB: 245, 245, 245
Color Usage Hierarchy
- Primary (60%) - Main brand color used for key elements
- Secondary (30%) - Supporting color for accents and calls-to-action
- Accent (10%) - Highlight color for special elements
Include accessibility compliance: All color combinations must meet WCAG AA standards (minimum contrast ratio 4.5:1).
Typography System
Font Hierarchy Specification
/* Primary font - Headings */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700');
.heading-primary {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1.2;
letter-spacing: -0.02em;
}
/* Secondary font - Body text */
.body-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
letter-spacing: 0.01em;
}
/* Font stacks */
.font-stack-primary { font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif; }
.font-stack-secondary { font-family: Georgia, 'Times New Roman', serif; }
Typography Scale System
- H1: 48px/3rem (Desktop) | 36px/2.25rem (Mobile)
- H2: 36px/2.25rem (Desktop) | 28px/1.75rem (Mobile)
- H3: 24px/1.5rem (Desktop) | 22px/1.375rem (Mobile)
- Body Text: 16px/1rem | Line height: 1.6
- Caption: 14px/0.875rem | Line height: 1.4
Voice and Tone Framework
Brand Voice Attributes
Define your brand voice using this matrix:
Voice Characteristics:
Professional: 8/10 # Scale from 1 to 10
Friendly: 7/10
Authoritative: 6/10
Conversational: 5/10
Playful: 3/10
Tone Variations:
Marketing Materials: "Inspiring and confident"
Customer Support: "Helpful and empathetic"
Technical Documentation: "Clear and precise"
Social Media: "Engaging and approachable"
Writing Guidelines
Do:
- Use active voice ("We create solutions," not "Solutions are created by us")
- Write in second person when addressing customers ("You can achieve...")
- Keep sentences under 20 words for clarity
- Use contractions for conversational tone ("We're" instead of "We are")
Don't:
- Don't use jargon without explanation
- Don't use ALL CAPS (except for specific acronyms)
- Don't overuse exclamation marks
- Don't mix metaphors or use clichés
Visual Identity Standards
Photography Style Guide
**Image Characteristics:**
- Lighting: Natural, bright, high contrast
- Color Treatment: Slightly desaturated, warm tones
- Composition: Rule of thirds, use of negative space
- Subject: Authentic people, real scenarios
- Filter/Style: Minimal processing, authentic feel
**Technical Specifications:**
- Resolution: Minimum 300 DPI for print, 72 DPI for web
- Aspect Ratios: 16:9 (hero images), 4:3 (content), 1:1 (social media)
- File Formats: PNG (with transparency), JPG (photography), SVG (graphics)
Application Examples and Use Cases
Digital Applications
- Website Headers: Primary logo, white background, 180px width
- Email Signatures: Monochrome logo, maximum 120px width
- Social Media Profiles: Square logo version, optimized for each platform
- Mobile Apps: Icon version, multiple sizes (16px to 512px)
Print Applications
- Business Cards: Minimum logo width 1 inch
- Letterhead: Logo positioned top left, 2 inch width
- Brochures: Primary logo on cover, secondary versions inside
- Signage: High-contrast versions, account for viewing distance
Brand Asset Management
File Organization System
brand-assets/
├── logos/
│ ├── primary/
│ ├── secondary/
│ ├── monochrome/
│ └── icon-only/
├── colors/
│ ├── swatches.ase
│ └── color-codes.txt
├── fonts/
│ ├── primary-font/
│ └── secondary-font/
├── templates/
│ ├── presentation/
│ ├── documents/
│ └── social-media/
└── guidelines/
├── brand-guidelines.pdf
└── quick-reference.pdf
Implementation and Compliance
Brand Audit Checklist
- Logo usage meets size and placement requirements
- Colors match specified hex/RGB/CMYK values
- Typography uses approved fonts and hierarchy
- Voice and tone align with brand personality
- All materials include proper brand attribution
- Accessibility standards met (color contrast, readability)
Approval Process
Establish clear approval workflows:
- Internal Review: Requires brand manager approval
- External Vendors: Must reference the guidelines document
- New Applications: Require brand team consultation
- Version Control: Date all guidelines updates
Always include a "Questions and Contact" section with brand team contact information and the process for requesting new applications or clarifications not covered in the guidelines.
FAQ
Common questions
Discussion
Questions & comments · 0
Sign In Sign in to leave a comment.