Brand Identity
Create a complete brand visual identity system from a project description.
Install
npx skills add dp-archive/archive --skill brand-identity -g -a claude-code -y- Repository
- dp-archive/archive1.1k
- Category
- Design
- Updated
- 8mo ago
- License
- Apache-2.0
- Context cost
- Mediumabout 2,536 tokens
- Runs scripts
- No, instructions only
What it does
Create a complete brand visual identity system from a project description. Use this skill when a user asks to create a brand kit, logo system, business card design, social media cover, color palette, typography specification, brand guidelines document, or any combination of brand identity deliverables. Covers the full spectrum of brand collateral: primary/wordmark/icon logos with monochrome and reversed variants, color systems with primary/secondary/neutral palettes, typographic hierarchies with heading/body/accent scales, business card layouts, social media assets, and compiled brand specification documents.
Brand Identity System
A structured reference for producing a cohesive brand visual identity package. Every section provides concrete specifications, pixel dimensions, color ratios, spacing rules, so that generated code (Pillow, reportlab) outputs professional-grade deliverables on the first attempt.
BRAND KIT DELIVERABLE CHECKLIST
A complete brand kit contains these artifacts. Generate them in order; each builds on the decisions of the previous.
| # | Deliverable | Format | Key Spec |
|---|---|---|---|
| 1 | Brand Philosophy | .md | 3-5 paragraphs, 150-300 words |
| 2 | Design Philosophy | .md | 4-6 paragraphs, aesthetic movement |
| 3 | Color Palette | defined in spec | Primary + Secondary + Neutral, HEX/RGB |
| 4 | Typography Scale | defined in spec | Heading / Body / Accent, 3 font families max |
| 5 | Logo, Primary | .png | 1024×1024, transparent background |
| 6 | Logo, Dark variant | .png | For light backgrounds |
| 7 | Logo, Light variant | .png | For dark backgrounds |
| 8 | Business Card | .pdf | 1050×600pt (3.5"×2" @300dpi) |
| 9 | Social Media Cover | .png | 1500×500px |
| 10 | Brand Specification | .md | Compiled reference document |
COLOR SYSTEM
Palette Structure
Every brand uses a three-tier palette:
| Tier | Role | Usage Ratio | Typical Application |
|---|---|---|---|
| Primary | Brand signature | ~60% | Logo, headings, CTAs |
| Secondary | Supporting accent | ~30% | Illustrations, highlights, hover states |
| Neutral | Background & text | ~10% accent / rest bg | Body text, borders, backgrounds |
Specification Format
Define each color with all three notations:
Primary: #2D5BFF → rgb(45, 91, 255)
Secondary: #FF6B35 → rgb(255, 107, 53)
Neutral-900: #1A1A2E → rgb(26, 26, 46) ← text
Neutral-100: #F5F5F7 → rgb(245, 245, 247) ← background
Neutral-50: #FFFFFF → rgb(255, 255, 255) ← white
