brand-identity · travisjneuman — Claude Code skill: what it does, how to install
Guides brand positioning, archetype selection, and visual design rules like the 60-30-10 color split during development chats.
npx skills add travisjneuman/.claude --skill brand-identity -a claude-codeWhat brand-identity does
This skill defines a framework for building brand identity from core strategy to visual guidelines. It structures brand hierarchy from purpose and values to voice attributes, using templates for purpose statements and competitive positioning. It also references an archetype table linking core desires and strategies to real-world corporate examples.
The visual identity section details logo categories, minimum clearspace based on logo height X, and a color hierarchy of 60% primary, 30% secondary, and 10% accent. Typography is organized across display, heading, body, and UI caption tiers.
Because this is a markdown guideline, it does not generate vector logos or image assets directly. It supplies the structural constraints you need before designing or coding user interfaces.
What it helps with
- draft a structured brand positioning statement
- identify a brand archetype and communication strategy
- organize interface colors using the 60-30-10 rule
- calculate minimum logo clearspace using marker X
Example prompts for the agent
- Write a brand positioning statement for our cloud storage tool using brand-identity
- Select an archetype and voice attributes for a developer security product
- Set up a color system with neutral grays and 60-30-10 ratios for our app
How to install brand-identity
1Skills CLI (Vercel)
npx skills add travisjneuman/.claude --skill brand-identity -a claude-code2Manually: put the files in place
~/.claude/skills/brand-identity/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/brand-identity/
1Skills CLI (Vercel)
npx skills add travisjneuman/.claude --skill brand-identity -a codex2Manually: put the files in place
.agents/skills/brand-identity/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add travisjneuman/.claude --skill brand-identity -a cursor2Manually: put the files in place
.cursor/skills/brand-identity/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install travisjneuman/.claude brand-identity2Manually: put the files in place
.github/skills/brand-identity/SKILL.md1Skills CLI (Vercel)
npx skills add travisjneuman/.claude --skill brand-identity -a gemini-cli2Platform CLI
gemini skills install https://github.com/travisjneuman/.claude --path skills/brand-identityManually: put the files in place
.devin/skills/brand-identity/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add travisjneuman/.claude --skill brand-identity -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about brand-identity
How to install brand-identity in Claude Code?
Run npx skills add travisjneuman/.claude --skill brand-identity -a claude-code in your terminal.
What does the brand-identity skill do?
It provides your AI assistant with frameworks for brand purpose, competitive positioning, archetype selection, logo clearspace, and color balance.
Does brand-identity export graphic files?
No, this skill provides textual guidelines, spacing formulas, and hierarchy rules. It does not output SVG or raster images.
Source text
SKILL.md · MIT
---
name: brand-identity
description: Brand strategy and identity design for businesses and products. Use when creating brand guidelines, developing visual identity systems, or defining brand positioning.
---
# Brand Identity
Comprehensive guide for creating and managing brand identities from strategy to execution.
## Brand Strategy Foundation
### What is a Brand?
```
Brand = Perception in people's minds
A brand is NOT:
✗ Just a logo
✗ Just visual identity
✗ What you say about yourself
A brand IS:
✓ Promise to customers
✓ Emotional connection
✓ Reputation and trust
✓ What others say about you
```
### Brand Hierarchy
```
┌─────────────────────────────────────────┐
│ BRAND PURPOSE │
│ Why you exist (beyond profit) │
├─────────────────────────────────────────┤
│ BRAND VISION │
│ Where you're going │
├─────────────────────────────────────────┤
│ BRAND MISSION │
│ How you'll get there │
├─────────────────────────────────────────┤
│ BRAND VALUES │
│ What you believe in │
├─────────────────────────────────────────┤
│ BRAND PERSONALITY │
│ How you communicate │
├─────────────────────────────────────────┤
│ BRAND IDENTITY │
│ Visual and verbal expression │
└─────────────────────────────────────────┘
```
---
## Brand Strategy
### Brand Purpose
```
Template:
We exist to [ACTION] for [AUDIENCE]
by [HOW] so that [IMPACT].
Examples:
Nike: "To bring inspiration and innovation
to every athlete in the world."
Patagonia: "We're in business to save
our home planet."
Tesla: "To accelerate the world's transition
to sustainable energy."
```
### Brand Positioning
```
Positioning Statement Template:
For [TARGET AUDIENCE]
who [NEED/WANT],
[BRAND NAME] is a [CATEGORY]
that [KEY BENEFIT].
Unlike [COMPETITORS],
we [UNIQUE DIFFERENTIATOR].
Example:
For busy professionals who need
quick, healthy meals, HelloFresh
is a meal kit delivery service
that provides pre-portioned ingredients
with easy recipes. Unlike grocery shopping,
we eliminate food waste and decision fatigue.
```
### Competitive Positioning Map
```
High Price
│
│
Premium │ Luxury
Quality │ Exclusive
│
────────────────┼────────────────
│
Value │ Status
Basic │ Symbol
│
│
Low Price
Low Perceived ───────── High Perceived
Value Value
```
### Brand Archetypes
| Archetype | Desire | Strategy | Examples |
| ------------- | ---------- | ----------------- | ----------------- |
| **Innocent** | Safety | Be pure/simple | Coca-Cola, Dove |
| **Explorer** | Freedom | Discover world | Jeep, North Face |
| **Sage** | Wisdom | Find truth | Google, TED |
| **Hero** | Mastery | Act courageously | Nike, FedEx |
| **Outlaw** | Liberation | Break rules | Harley, Virgin |
| **Magician** | Power | Transform | Apple, Disney |
| **Regular** | Belonging | Be authentic | IKEA, Target |
| **Lover** | Intimacy | Create connection | Chanel, Godiva |
| **Jester** | Enjoyment | Have fun | M&Ms, Old Spice |
| **Caregiver** | Service | Help others | Johnson & Johnson |
| **Creator** | Innovation | Create value | Lego, Adobe |
| **Ruler** | Control | Take charge | Mercedes, Rolex |
---
## Visual Identity System
### Logo Design Principles
```
Effective Logo Characteristics:
┌─────────────────────────────────────────┐
│ ✓ Simple: Works at any size │
│ ✓ Memorable: Distinctive and unique │
│ ✓ Timeless: Avoids trends │
│ ✓ Versatile: Works in all contexts │
│ ✓ Appropriate: Fits the industry │
└─────────────────────────────────────────┘
```
### Logo Types
| Type | Description | Best For |
| --------------- | ------------------- | --------------------------------- |
| **Wordmark** | Company name styled | Unique names (Google, Coca-Cola) |
| **Lettermark** | Initials only | Long names (IBM, HBO) |
| **Brandmark** | Symbol only | Established brands (Apple, Nike) |
| **Combination** | Symbol + wordmark | Versatility (Adidas, Burger King) |
| **Emblem** | Text inside symbol | Traditional (Starbucks, Harley) |
| **Mascot** | Character | Friendly brands (KFC, Michelin) |
### Logo Clearspace
```
┌─────────────────────────────────────┐
│ │
│ ┌─────────────────────┐ │
│ │ │ │
│ │ ┌───────────┐ │ │
│ │ │ LOGO │ │ X = logo height
│ │ │ │ │
│ │ └───────────┘ │ Minimum clearspace
│ │ X │ = X on all sides
│ │ ↓ │
│ └─────────────────────┘ │
│ X │
└─────────────────────────────────────┘
```
### Color System
```
Primary Palette:
┌─────────────────────────────────────────┐
│ PRIMARY │ Used for main elements │
│ #0066FF │ 60% of design │
├────────────────┼────────────────────────┤
│ SECONDARY │ Supporting elements │
│ #00CC88 │ 30% of design │
├────────────────┼────────────────────────┤
│ ACCENT │ CTAs, highlights │
│ #FF6B00 │ 10% of design │
└────────────────┴────────────────────────┘
Extended Palette:
- Neutral grays (backgrounds, text)
- Success/error/warning states
- Light/dark variants of each color
```
### Typography System
```
Font Hierarchy:
┌─────────────────────────────────────────┐
│ DISPLAY │
│ For headlines, hero text │
│ [Display Font Name] Bold │
├─────────────────────────────────────────┤
│ HEADING │
│ For section titles │
│ [Heading Font Name] Semibold │
├─────────────────────────────────────────┤
│ BODY │
│ For paragraphs, content │
│ [Body Font Name] Regular │
├─────────────────────────────────────────┤
│ UI / CAPTION │
│ For buttons, labels, metadata │
│ [UI Font Name] Medium │
└─────────────────────────────────────────┘
```
---
## Brand Voice & Tone
### Voice Attributes
```
Define 3-5 voice characteristics:
Example (Tech Startup):
┌─────────────────────────────────────────┐
│ BOLD │
│ We're not: Aggressive, arrogant │
│ We are: Confident, direct, assertive │
├─────────────────────────────────────────┤
│ FRIENDLY │
│ We're not: Unprofessional, casual │
│ We are: Warm, approachable, human │
├─────────────────────────────────────────┤
│ CLEAR │
│ We're not: Oversimplified, dumbed-down │
│ We are: Straightforward, jargon-free │
└─────────────────────────────────────────┘
```
### Tone Spectrum
```
Context-dependent tone adjustment:
Playful ◄────────────────────► Serious
Website Copy ●───────────────────────
Error Messages ───────────●────────────
Legal Pages ─────────────────────●──
Social Media ●───────────────────────
Customer Support ───────●───────────────
```
### Writing Guidelines
```
DO:
✓ Use active voice
✓ Keep sentences short
✓ Address user directly (you/your)
✓ Be specific, not vague
✓ Show, don't tell
DON'T:
✗ Use jargon without explanation
✗ Write walls of text
✗ Be condescending
✗ Over-promise
✗ Use empty superlatives
```
---
## Brand Guidelines Document
### Essential Sections
```
1. BRAND OVERVIEW
- Brand story
- Mission, vision, values
- Target audience
2. LOGO USAGE
- Primary logo versions
- Clearspace rules
- Minimum sizes
- Incorrect usage examples
3. COLOR PALETTE
- Primary colors (Hex, RGB, CMYK, Pantone)
- Secondary colors
- Color combinations
- Accessibility requirements
4. TYPOGRAPHY
- Font families
- Hierarchy and usage
- Web fonts vs. print fonts
- Fallback fonts
5. IMAGERY & PHOTOGRAPHY
- Style guidelines
- Photo treatment
- Illustration style
- Icon system
6. VOICE & TONE
- Writing principles
- Tone by context
- Example copy
7. APPLICATIONS
- Business cards
- Letterhead
- Email signatures
- Social media templates
- Presentation templates
```
---
## Brand Applications
### Digital Touchpoints
| Touchpoint | Key Considerations |
| ---------------- | --------------------------------------- |
| **Website** | Navigation, CTAs, content hierarchy |
| **Mobile App** | Icon, splash screen, UI patterns |
| **Social Media** | Profile images, cover photos, templates |
| **Email** | Signatures, newsletters, transactional |
| **Advertising** | Banner sizes, video formats |
### Print Touchpoints
| Touchpoint | Specifications |
| ------------------ | -------------------------------- |
| **Business Cards** | 3.5" × 2" (US), 85mm × 55mm (EU) |
| **Letterhead** | 8.5" × 11" (US), A4 (EU) |
| **Envelopes** | #10 (US), DL (EU) |
| **Brochures** | Tri-fold, bi-fold, booklet |
| **Signage** | Variable, high resolution |
### Social Media Image Sizes (2024)
| Platform | Profile | Cover/Header | Post |
| ------------- | ------- | ------------ | --------- |
| **Instagram** | 320×320 | N/A | 1080×1080 |
| **Facebook** | 170×170 | 851×315 | 1200×630 |
| **LinkedIn** | 400×400 | 1584×396 | 1200×627 |
| **Twitter/X** | 400×400 | 1500×500 | 1200×675 |
| **YouTube** | 800×800 | 2560×1440 | 1280×720 |
---
## Naming & Taglines
### Brand Name Types
| Type | Description | Examples |
| --------------- | ------------------ | ---------------------------- |
| **Descriptive** | Describes function | General Electric, PayPal |
| **Invented** | Made-up word | Kodak, Xerox, Spotify |
| **Founder** | Person's name | Ford, Dell, Disney |
| **Metaphor** | Symbolic meaning | Amazon, Apple, Nike |
| **Acronym** | Initials | IBM, BMW, IKEA |
| **Mashup** | Combined words | Facebook, YouTube, Instagram |
### Tagline Formula
```
Effective Taglines:
┌─────────────────────────────────────────┐
│ Benefit-focused: "Just Do It" (Nike) │
│ Category-defining: "Search On" (Google) │
│ Provocative: "Think Different" (Apple) │
│ Imperative: "Open Happiness" (Coca-Cola)│
│ Superlative: "The Ultimate Driving │
│ Machine" (BMW) │
└─────────────────────────────────────────┘
Characteristics:
- Short (2-5 words ideal)
- Memorable
- Unique to brand
- Evergreen (not dated)
- Aligns with positioning
```
---
## Brand Audit
### Audit Checklist
```
VISUAL CONSISTENCY
- [ ] Logo used correctly everywhere
- [ ] Colors match brand palette
- [ ] Typography consistent
- [ ] Imagery style aligned
VOICE CONSISTENCY
- [ ] Tone appropriate by channel
- [ ] Key messages reinforced
- [ ] Terminology consistent
EXPERIENCE CONSISTENCY
- [ ] Customer journey aligned
- [ ] Touchpoints cohesive
- [ ] Promise delivered
COMPETITIVE POSITION
- [ ] Differentiation clear
- [ ] Target audience reached
- [ ] Market position maintained
```
### Brand Health Metrics
| Metric | What It Measures |
| ------------------ | ------------------------------ |
| **Awareness** | % who know the brand |
| **Consideration** | % who would consider buying |
| **Preference** | % who prefer over competitors |
| **Loyalty** | Repeat purchase rate |
| **NPS** | Likelihood to recommend |
| **Share of Voice** | Brand mentions vs. competitors |
---
## Rebranding
### When to Rebrand
```
REBRAND when:
✓ Company strategy has fundamentally changed
✓ Merging with another company
✓ Target audience has shifted significantly
✓ Brand has negative associations
✓ Visual identity is severely dated
DON'T rebrand just because:
✗ New marketing team wants to make their mark
✗ Competitors have rebranded
✗ "We're bored of our logo"
✗ Minor business evolution
```
### Rebrand Types
| Type | Scope | When |
| ----------- | ------------------------- | ---------------- |
| **Refresh** | Update existing elements | Every 5-10 years |
| **Partial** | Significant visual update | Strategy shift |
| **Full** | Complete overhaul | Transformation |
---
## Best Practices
### DO:
- Start with strategy before design
- Research competitors thoroughly
- Test with target audience
- Create comprehensive guidelines
- Allow flexibility within system
- Plan for all touchpoints
- Document everything
- Review and update regularly
### DON'T:
- Skip the strategy phase
- Follow trends blindly
- Create overly rigid systems
- Neglect digital applications
- Forget accessibility
- Rebrand too frequently
- Ignore internal adoption
- Underestimate implementation
---
## Brand Development Process
```
Phase 1: DISCOVERY (2-4 weeks)
├── Stakeholder interviews
├── Competitive analysis
├── Audience research
└── Brand audit (if existing)
Phase 2: STRATEGY (2-3 weeks)
├── Positioning development
├── Brand architecture
├── Messaging framework
└── Brand personality
Phase 3: IDENTITY (4-6 weeks)
├── Visual concept exploration
├── Logo development
├── Color and typography
├── Design system creation
Phase 4: EXPRESSION (3-4 weeks)
├── Brand guidelines
├── Templates and assets
├── Application mockups
└── Launch materials
Phase 5: ACTIVATION (Ongoing)
├── Internal rollout
├── External launch
├── Training and adoption
└── Monitoring and refinement
```
© travisjneuman · MIT · travisjneuman/.claude
Similar skills
Everything for Design →brand-identity by other authors comes first.