# Brand Guidelines

> Apply official brand colors and typography to artifacts for cohesive visual identity.

- Skill: `heldinhow/brand-guidelines` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add heldinhow/brand-guidelines`
- Raw SKILL.md: https://api.skillmd.com/api/skills/heldinhow/brand-guidelines/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: Heldinhow (https://skillmd.com/u/heldinhow)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/heldinhow/brand-guidelines

---


# 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