logo-design

これはレビュー時に保存された抜粋です。完全で最新の内容は外部ソースを確認してください。

---
name: logo-design
description: "Design professional logos as SVG code with browser preview. Use this skill when the user asks to design a logo, create a brand mark, make an icon, or build a visual identity. Also triggers on 'logo', 'brand mark', 'wordmark', 'monogram', 'icon design', 'visual identity', or 'design a logo for'. Outputs clean, scalable SVG files with full design rationale."
metadata:
  version: 2.0.0
---

# Logo Design Skill

Transform brand identity into distinctive, memorable visual marks. Every logo tells a story — the skill ensures that story is grounded in research, typographic craft, and strategic thinking, then delivered as production-ready SVG.

**Output format:** SVG vector files, automatically opened in the browser for instant preview.

---

## Phase 1: Discovery & Brief

Before any design work, **you must** gather context from the user. Ask for anything not already provided.

### Required Information
1. **Brand name** — the exact text to appear in the logo
2. **Industry / domain** — what the brand does (drives visual metaphors and tone)
3. **Brand story / core values** — the idea, spirit, or promise the brand wants to communicate
4. **Target audience** — who the primary users/customers are (age, taste, cultural context)

### Recommended Information
5. **Competitors** — key competitor names (for differentiation)
6. **Color preferences** — specific colors, or a mood direction (bold, elegant, playful, tech-forward, etc.)
7. **Style preference** (if not specified, recommend based on analysis):
   - **Wordmark** — pure typography (e.g., Google, FedEx)
   - **Lettermark / Monogram** — initials (e.g., IBM, HBO, LV)
   - **Icon + Text** — symbol paired with brand name (e.g., Apple, Nike)
   - **Abstract Mark** — geometric / abstract symbol (e.g., Pepsi, Airbnb)
   - **Emblem** — text enclosed within a shape (e.g., Starbucks, Harley-Davidson)
   - **Combination Mark** — flexible pairing of icon and text
8. **Exclusions** — styles, colors, or elements the user explicitly does NOT want

---

## Phase 2: Market Research & Inspiration

**You must conduct web research before designing.** This grounds the work in current reality rather than generic assumptions.

### What to Research
1. **Industry logo trends** — current mainstream and emerging styles in the brand's sector
2. **Competitor logo analysis** — visual strategies of named competitors; identify patterns to differentiate from
3. **Typography inspiration** — typefaces and lettering styles that match the brand's tone
4. **Color trends** — how brands in the same space use color; opportunities to stand out

### How to Research
Run these searches using `WebSearch` (adapt keywords to the specific brand):

```
"{industry} logo design trends {current_year}"
"{competitor_name} logo"
"{style_keyword} logo inspiration"
"{industry} brand color palette trends"
```

Compile findings into a brief summary and share key insights with the user before proceeding. Highlight:
- Dominant visual patterns in the industry (what to leverage or avoid)
- Gaps / white-space opportunities (underused styles or colors)
- Notable references worth drawing from

---

## Phase 3: Name & Letterform Analysis

This is the creative engine of the skill. **You must** perform a deep typographic analysis of the brand name before sketching concepts. The analysis directly informs which logo styles will be most effective.

### 3.1 Individual Letter Anatomy

Classify each letter in the brand name:

| Category | Letters | Design Implication |
|---|---|---|
| **Symmetric** | A, H, M, O, T, U, V, W, X, Y | Geometric construction, mirroring, balanced composition |
| **Ascenders** | b, d, f, h, k, l, t | Vertical reach; suits tall, aspirational marks |
| **Descenders** | g, j, p, q, y | Anchoring weight; suits grounded, stable marks |
| **Round forms** | B, C, D, G, O, P, Q, R, S, e, o | Approachable, organic, friendly feel |
| **Angular forms** | A, K, M, N, V, W, Z | Sharp, powerful, dynamic energy |
| **