mcpField
L
logo-ideation

logo-ideation

github.com/kbravhDesign & UI044 installsUpdated 6d ago
Repository

About logo-ideation

logo-ideation is a design skill for developing logo concepts through brand discovery, competitor research, and visual exploration. It produces structured concept briefs for handoff to svg-logo-creator.

Key features

  1. 01Brand context discovery
  2. 02Competitor logo analysis
  3. 03Exploration of 3–5 directions
  4. 04Structured concept briefs
  5. 05Logo type and color references

Use cases

  1. 01Developing concepts for a new brand
  2. 02Finding visual differentiation from competitors
  3. 03Preparing approved concepts for SVG implementation

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/kbravh/skills --skill logo-ideation

After installing, type/logo-ideationin Claude Code to confirm it loaded.

Bundled filesreferences/color-psychology.md

Details

From the project README

Logo Ideation

Develop logo concepts through brand discovery, competitive analysis, and visual exploration. Output is a concept brief ready for svg-logo-creator.

Workflow

1. Brand Discovery

Gather essential context. Ask about:

  • Name & tagline: What text must appear?
  • Industry & offering: What does the company do?
  • Target audience: Who are the customers?
  • Brand personality: 3-5 adjectives (e.g., "modern, trustworthy, innovative")
  • Existing brand elements: Colors, fonts, or visual assets already in use?
  • Constraints: Must avoid certain imagery? Required formats?
2. Competitive Analysis

Use WebSearch to find 5-10 competitor logos. Analyze:

  • Common patterns: What visual themes dominate the industry?
  • Color trends: What palette is overused?
  • Typography: Serif vs sans-serif prevalence?
  • Differentiation opportunities: What's missing? What would stand out?

Document findings as a brief competitive landscape summary.

3. Visual Direction Exploration

Generate 3-5 distinct concept directions. For each:

Concept name: Short memorable title Logo type: See reference below Visual metaphor: Core imagery/symbolism Color direction: Primary palette reasoning Typography style: Font characteristics Personality fit: How it reflects brand adjectives Differentiation: How it stands apart from competitors

4. Concept Brief Output

Deliver a structured brief for each viable direction:

## Concept: [Name]

**Type**: [Wordmark / Lettermark / Pictorial / Abstract / Combination / Emblem]
**Metaphor**: [Core visual idea]
**Colors**: [Primary, secondary, rationale]
**Typography**: [Style description]
**Variations needed**: [Horizontal, stacked, icon-only, etc.]
**Notes**: [Special considerations]

Logo Types

TypeDescriptionBest for
WordmarkCompany name in stylized typographyDistinctive names, personal brands
LettermarkInitials or acronymLong company names
PictorialRecognizable image/iconUniversal appeal, established brands
AbstractGeometric or abstract shapeTech, conveying concepts
CombinationIcon + wordmarkVersatility, new brands
EmblemText inside symbol/badgeTraditional, institutional feel

Color Psychology

See references/color-psychology.md for detailed color associations and industry guidance.

Quick reference:

  • Blue: Trust, stability (finance, tech, healthcare)
  • Green: Growth, nature (eco, health, finance)
  • Red: Energy, urgency (food, entertainment, retail)
  • Purple: Creativity, luxury (beauty, creative services)
  • Orange: Friendly, energetic (youth brands, food)
  • Black: Sophisticated, premium (luxury, fashion)
  • Yellow: Optimism, clarity (consumer products, children)

Design Principles

  • Simplicity: Recognizable at small sizes
  • Relevance: Connects to brand meaning
  • Memorability: Distinctive and ownable
  • Versatility: Works across all contexts
  • Timelessness: Avoids trendy elements that date quickly

Handoff to svg-logo-creator

After user approves concept direction(s), provide the concept brief to svg-logo-creator for implementation. Include all details from section 4.

Comments

Markdown supported