Skip to main content
skill CX Codex

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.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add travisjneuman/.claude --skill brand-identity -a claude-code
Open on GitHub

What 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-code

2Manually: put the files in place

~/.claude/skills/brand-identity/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/brand-identity/

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.

brand-identity arnabbagxd Translates brand strategy into an actionable visual identity brief for designers. Sets logo direction, hex colors, typography, and imagery rules. CX Codex +1 2,100installs brand-identity rampstackco A skill for building and auditing a visual identity: logo system, color, typography, imagery, iconography and motion principles. CX Codex +1 495installs brand-visual-language dembrandt A skill that ties border radius, type and icon style to your brand's personality. Useful when you start a design system or spot visual drift across components. CX Codex +1 907installs brand-visual-generator kostja94 A skill that helps define or audit visual identity: typography, color palette, spacing, design tokens and frontend aesthetics. CX Codex +1 1,400installs brand-analyzer ailabs-393 Runs brand audits, identifies Jungian personality archetypes, and generates markdown guidelines or action reports. Useful when launching a brand or standardizing design across channels. CX Codex +1 1,100installs brand-strategist dylantarre Turns the 12 animation principles into brand decisions: timing, easing, how much stretch fits your character. Useful when motion has to match the rest of the identity. CX Codex +1 503installs resend-design-skills resend Routes coding agents to Resend visual identity rules and assets. Use it when styling marketing graphics, slide decks, or public-facing materials. CX Codex +1 1,200installs brand-guidelines Alireza Rezvani Applies and documents brand rules for colours, typography, logos and tone of voice. Use it to audit assets or build a brand guide for a product. 696installs

From the same set6

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor