brand-guidelines

name	brand-guidelines
description	Apply official brand colors and typography to artifacts for cohesive visual identity.

Brand Guidelines

Overview

Brand guidelines ensure consistent visual identity across all organizational materials. This skill should be invoked when brand colors, typography, or company design standards need to be applied to presentations, documents, websites, or any visual content.

Core Principles

• Consistency: Apply the same colors and typography across all materials
• Color Hierarchy: Use primary, secondary, and accent colors appropriately
• Typography Standards: Follow font family and size specifications
• Accessibility: Ensure color contrast meets WCAG standards

Preparation Checklist

• Obtain brand guidelines document
• Identify primary, secondary, and accent colors
• Get approved typography (font families, sizes, weights)
• Access brand assets (logos, icons if needed)

Step-by-Step Process

1. Identify Colors: Extract main brand colors (dark, light, neutral)
2. Apply Primary: Use primary color for main elements and calls to action
3. Add Accent: Use accent colors for highlights and visual interest
4. Set Typography: Apply heading and body fonts per guidelines
5. Verify Contrast: Check color combinations meet accessibility standards
6. Apply Consistently: Ensure all elements follow brand patterns

Do's and Don'ts

• ✅ Do use brand colors exactly as specified (hex values)
• ✅ Do maintain proper color contrast ratios
• ✅ Do use typography hierarchy consistently
• ❌ Don't mix unofficial colors into branded materials
• ❌ Don't stretch or modify logos without permission
• ❌ Don't use non-approved fonts

Anti-Patterns

• Color Mixing: Adding non-brand colors "for variety"
• Inconsistent Typography: Mixing font weights and sizes randomly
• Logo Abuse: Stretching, recoloring, or modifying logos
• Accessibility Ignorance: Using low-contrast color combinations