Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
travisjneuman avatar

Brand Identity

  • 1.1k installs
  • 86 repo stars
  • Updated July 17, 2026
  • travisjneuman/.claude

brand-identity is a design skill that guides brand strategy, positioning, and visual identity systems for developers and product teams creating consistent, memorable customer-facing brands.

About

brand-identity is a Claude skill for comprehensive brand strategy and identity design from positioning through execution. The guide frames a brand as customer perception and promise—not merely a logo—covering emotional connection, reputation, trust, and what others say about a product. It walks through brand hierarchy, strategy foundations, and visual identity systems for businesses and products. Developers reach for brand-identity when drafting brand guidelines, defining positioning before marketing sites ship, or aligning design tokens and messaging with a coherent identity instead of ad-hoc logo and color choices.

  • Defines brand as emotional promise and customer perception rather than just a logo
  • Establishes full brand hierarchy from purpose through visual identity
  • Provides frameworks for brand positioning, personality, and verbal expression
  • Guides creation of brand guidelines and visual identity systems
  • Supports both strategy foundation and execution steps

Brand Identity by the numbers

  • 1,112 all-time installs (skills.sh)
  • +62 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Ranked #365 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
  • Security screen: MEDIUM risk (skills.sh audit)
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/travisjneuman/.claude --skill brand-identity

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs1.1k
repo stars86
Security audit3 / 3 scanners passed
Last updatedJuly 17, 2026
Repositorytravisjneuman/.claude

How do you create a brand identity system?

Create consistent, memorable brand strategies and visual identity systems that resonate with customers.

Who is it for?

Developers and product teams launching new products who need structured brand strategy and visual identity before marketing or UI work.

Skip if: Teams needing Figma component libraries, CSS implementation, or performance-focused frontend coding without brand strategy scope.

When should I use this skill?

User requests brand guidelines, visual identity systems, brand positioning, or defining how customers perceive a product.

What you get

Brand strategy document with positioning, hierarchy, and visual identity guidelines ready for design execution.

  • brand guidelines
  • visual identity system
  • positioning framework

Files

SKILL.mdMarkdownGitHub ↗

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

ArchetypeDesireStrategyExamples
InnocentSafetyBe pure/simpleCoca-Cola, Dove
ExplorerFreedomDiscover worldJeep, North Face
SageWisdomFind truthGoogle, TED
HeroMasteryAct courageouslyNike, FedEx
OutlawLiberationBreak rulesHarley, Virgin
MagicianPowerTransformApple, Disney
RegularBelongingBe authenticIKEA, Target
LoverIntimacyCreate connectionChanel, Godiva
JesterEnjoymentHave funM&Ms, Old Spice
CaregiverServiceHelp othersJohnson & Johnson
CreatorInnovationCreate valueLego, Adobe
RulerControlTake chargeMercedes, 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

TypeDescriptionBest For
WordmarkCompany name styledUnique names (Google, Coca-Cola)
LettermarkInitials onlyLong names (IBM, HBO)
BrandmarkSymbol onlyEstablished brands (Apple, Nike)
CombinationSymbol + wordmarkVersatility (Adidas, Burger King)
EmblemText inside symbolTraditional (Starbucks, Harley)
MascotCharacterFriendly 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

TouchpointKey Considerations
WebsiteNavigation, CTAs, content hierarchy
Mobile AppIcon, splash screen, UI patterns
Social MediaProfile images, cover photos, templates
EmailSignatures, newsletters, transactional
AdvertisingBanner sizes, video formats

Print Touchpoints

TouchpointSpecifications
Business Cards3.5" × 2" (US), 85mm × 55mm (EU)
Letterhead8.5" × 11" (US), A4 (EU)
Envelopes#10 (US), DL (EU)
BrochuresTri-fold, bi-fold, booklet
SignageVariable, high resolution

Social Media Image Sizes (2024)

PlatformProfileCover/HeaderPost
Instagram320×320N/A1080×1080
Facebook170×170851×3151200×630
LinkedIn400×4001584×3961200×627
Twitter/X400×4001500×5001200×675
YouTube800×8002560×14401280×720

---

Naming & Taglines

Brand Name Types

TypeDescriptionExamples
DescriptiveDescribes functionGeneral Electric, PayPal
InventedMade-up wordKodak, Xerox, Spotify
FounderPerson's nameFord, Dell, Disney
MetaphorSymbolic meaningAmazon, Apple, Nike
AcronymInitialsIBM, BMW, IKEA
MashupCombined wordsFacebook, 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

MetricWhat It Measures
Awareness% who know the brand
Consideration% who would consider buying
Preference% who prefer over competitors
LoyaltyRepeat purchase rate
NPSLikelihood to recommend
Share of VoiceBrand 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

TypeScopeWhen
RefreshUpdate existing elementsEvery 5-10 years
PartialSignificant visual updateStrategy shift
FullComplete overhaulTransformation

---

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

Related skills

How it compares

Choose brand-identity for strategy and guidelines; pair with frontend-design skills when translating identity into UI components.

FAQ

What does brand-identity cover beyond logos?

brand-identity treats a brand as customer perception, promise, emotional connection, and reputation. The skill covers strategy foundations and visual identity systems, not logo files alone.

When should developers invoke brand-identity?

brand-identity applies when creating brand guidelines, developing visual identity systems, or defining brand positioning for businesses and products before marketing or UI execution.

Is Brand Identity safe to install?

skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.

Design & UI/UXbrandingui

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.