logo-design

Files (9)

• SKILL.md
• _claude-frontmatter-extras.yaml · references/
• application-contexts.md · references/
• architectures-explained.md · references/
• category-conventions.md · references/
• client-package.md · references/
• example-variant-spec.md · references/
• symbol-approaches.md · references/
• typographic-registers.md · references/

SKILL.md (first lines)

# Logo Design

A logo is a system of marks, not a single drawing. This skill produces multiple production-grade variants exploring different architectural approaches, each with rationale, application specs, and a clear position on what it signals and rejects.

The output is decision material, not a finished logo. The brand owner selects from the variants and the skill produces production refinement on the chosen direction.

---

## When to use

- The brand has a name and tonal direction; the deliverable is logo work specifically
- Generating 6 to 12 variants for client review and selection
- Refining a wordmark to production: kerning, optical adjustments, weight selection
- Exploring symbol options to pair with an existing wordmark
- Designing a monogram from a longer name for use in constrained contexts
- Adapting an existing logo across application contexts (small-size, signage, motion, embroidery)
- The brand owner has reviewed a first round and wants iteration on a specific direction

## When NOT to use

- Use `brand-identity` instead when the deliverable is the complete identity system (logo plus color plus type plus voice plus applications). This skill is the logo-specific layer; brand-identity is the system layer.
- Use `brand-discovery` for brand positioning, audience, and voice work. A logo without strategy is a drawing.
- Use `creative-direction` for project-wide aesthetic direction. Creative direction calibrates many decisions; logo design produces specific marks.
- One-off illustration, icon, or pictogram work
- Designing brand patterns, textures, or supporting graphics
- Pure typographic exploration unrelated to a brand name

---

## Required inputs

- **Brand name.** Exact spelling. Capitalization and punctuation preferences if any. Whether the name has a category descriptor that travels with it (e.g., "Atlas Coffee" vs just "Atlas").
- **Industry or category.** Legal firm, consumer goods, B2B SaaS, hospitality, etc. Category implies defaults that can be honored or broken.
- **Audience.** Who sees the logo, where, in what state of mind. The audience-side perception drives selection more than the founder-side aesthetic.
- **Tonal direction.** Where on the formal-to-casual axis. Where on the restrained-to-expressive axis. Where on the heritage-to-modern axis.
- **Application contexts.** Common set: web header, mobile app icon (28px), favicon (16 to 32px), business card, letterhead, email signature, social profile picture, signage (large format), embroidery patch (1.5 inch), single-color print, video motion lockup, merch (apparel, hats, totes).
- **Reference logos liked**, with a sentence each on what specifically resonates. The reference clarifies which architecture and register fit better than abstract description does.
- **Reference logos disliked**, with a sentence on what to avoid. Negative space sharpens positive selection.
- **Hard constraints.** Must include element X. Must avoid color Y due to industry conventions. Must reproduce in single color. Must work as a 16px favicon. Must survive embroidery.
- **Optional**: existing brand assets if the project is a refresh, not greenfield. Existing wordmark if the work is symbol-only. Existing color palette if it must remain locked.

---

## The framework: 5 considerations for logo design

A logo decision sits at the intersection of five considerations. Each one filters subsequent choices.

### 1. Mark architecture

What IS the logo, structurally?

**Architectures:**

- **Wordmark only.** The logo is the brand name set in a chosen typeface, possibly with custom letterforms. Stripe, Google, Pinterest. The discipline is letter-by-letter, with kerning, optical adjustments, sometimes a single distinguishing custom character. Strongest when the name is distinctive enough to own as type.
- **Lockup (wordmark plus symbol).** Standard architecture for most brands. The wordmark and symbol are positioned in a fixed relationship. Slack, Airbnb, Asana. Variants: symbol left of wordmark, symbol above wordmark, symbol right (rare). Each lockup may also have a stacked alternate for square contexts.
- **Symbol only.** The mark is a single symbol with no wordmark. Apple, Twitter, Target. Earned over decades through brand recognition. New brands rarely succeed with symbol-only as the primary mark, though most mature brands eventually develop a symbol-only fallback.
- **Letterform-as-symbol.** A single letter from the name (often the first) becomes the symbol. Beats by Dre's "b", McDonald's "M", Underscore's "_". Cleanest path to symbol when the wordmark is too long for a tight lockup or when the name has a letter that lends itself to visual play.
- **Monogram.** Multiple letters combined as a symbol. CN (Chanel), GG (Gucci), HBO, MN (a hypothetical Morgan Northrop monogram for an institutional financial firm). Common in legal, financial, hospitality, and heritage brands. Can read as initials or as ligature.

**How to choose:** What does the brand need to do at small sizes? At 16px, most lockups fail. A favicon-grade mark needs either a strong symbol component or a letterform-as-symbol fallback. Lockups also need stacked alternates for square contexts (social profile pictures, app icons). A pure wordmark works only if the brand has another mark that can stand in at small sizes, often a letterform-as-symbol or monogram.

A common production setup is: primary lockup for most contexts, monogram for square contexts, letterform-as-symbol for favicon and embroidery. All three derive from the same wordmark and share visual DNA.

### 2. Typographic register

If wordmark or lockup, what typographic family carries the type?

**Registers:**

- **Geometric sans.** Futura, Avenir, Avenir Next, Cabinet Grotesk, ITC Avant Garde. Built from circles and verticals. Reads modern, considered, often optimistic. Risks reading cold or generic-tech-startup if not warmed up by color, custom letterform, or context.
- **Humanist sans.** Gill Sans, Optima, Frutiger, Source Sans, Inter at higher optical sizes. Has serif-like calligraphic gestures without serifs. Reads professional but warm. Excellent neutral choice when the category demands restraint with personality.
- **Neo-grotesque sans.** Helvetica, Inter, Aktiv Grotesk, Söhne, GT America. The modern professional default. Reads competent and contemporary. Risks reading generic if not paired with strong color or symbol.
- **Transitional serif.** Source Serif, Charter, Lyon, IBM Plex Serif. Modern serifs with high contrast and readability. Reads editorial, considered, intellectual. Good for legal, publishing, financial, editorial brands.
- **Old-style serif.** Garamond, Caslon, Sabon, Adobe Garamond. Classical serifs with low contrast and warm shapes. Reads heritage, traditional, institutional. Common in academic, legal, financial, and heritage brands.
- **Slab serif.** Sentinel, Adelle, Roboto Slab, Tisa. Heavy structural serifs. Reads strong, declarative, sometimes journalistic. Common in editorial and publishing.
- **Display custom.** A custom-drawn or heavily-modified typeface. Reads distinctive but expensive in time. Justified when the brand needs a wordmark no one else has and the budget supports drawing one.

**How to choose:** What does the brand reject? Most categories have a default register. Legal firms default to old-style or transitional serif. Tech startups default to geometric or neo-grotesque sans. Choosing within the category default reads as competence; choosing outside reads as positioning. A boutique legal firm in geometric sans signals "modern, accessible". A SaaS startup in old-style serif signals "we take ourselves seriously".

### 3. Symbol approach

If the architecture includes a symbol (lockup, symbol-only, letterform-as-symbol), what KIND of symbol?

**Approaches:**

- **Literal.** The symbol depicts the thing the brand name refers to. A mountain peak for an outdoor brand. A rocket for a rocket company. A leaf for a sustainable brand. Fast recognition, low ambiguity. Risks reading as cliche if the depiction is generic. Saved by distinctive execution: the specific peak, drawn with conviction, in the brand's specific visual register.
- **Abstract gesture.** The symbol suggests a quality without literal depiction. A rising arc for "growth". A pair of opposing forms for "balance". A continuous loop for "integrity". Slower recognition, higher distinctiveness. Risks reading as arbitrary if the gesture is too abstract. Saved by clear formal logic and consistent visual vocabulary.
- **Geometric reduction.** The symbol is a formal abstraction with no specific referent. A hexagon, a triangle, a stack of horizontal lines, a circle bisected by a vertical. Reads modern and confident. Risks reading as identical to many other geometric-reduction marks. Saved by specific proportions, considered execution, and pairing with a distinctive wordmark.
- **Letterform-derived.** The symbol is built from the name's letterforms. The "M" of McDonald's, the "b" of Beats, a custom "A" rendered as a mountain peak for a hypothetical Atlas Coffee. Strong wordmark-symbol coherence. Risks reading as wordmark-only if the letterform isn't emphasized enough. Saved by exaggerated character: the letter must read as both the letter AND the visual metaphor.
- **Monogram.** Multiple initials combined. The symbol IS the initials, often with ligature treatment, tight kerning, or geometric framing (ring, shield, diamond). Common in legal, financial, hospitality. Risks reading as old-fashioned if the type treatment is too conservative. Saved by modern execution within traditional architecture.

**How to choose:** What does the brand name already do? Descriptive names (Atlas, Forge, Pulse, Anchor) invite literal symbols and letterform-as-symbol approaches. Abstract names (Stripe, Anthropic, Linear) demand abstract or geometric-reduction symbols. Heritage names (a founder's surname, a place name) often use monograms. The wrong approach disconnects symbol from name.

### 4. Application context discipline

A logo is not a single drawing. It must work in every context the brand touches.

**Contexts and their constraints:**

- **16px favicon.** The most aggressive small-size test. Lockups usually fail here; the symbol or letterform-as-symbol carries. Plan a fallback mark for this context from the start.
- **28px app icon.** Slightly more headroom than favicon. Still demands strong silhouette. Often uses the symbol or monogram, not the lockup.
- **1.5 inch embroidery patch.** Limits color count (often 4 to 6 max), demands clean shapes without fine detail. Eliminates gradient and photographic elements. Tests the mark's reproducibility in a tactile medium.
- **Single-color reproduction.** Etching, foil stamp, single-color print, fax. All gradient and color-dependent decisions must collapse cleanly to one color. Test by converting the design to pure black on white.
- **Reverse (light on dark).** Many marks fail when reversed. Test on the brand's expected dark backgrounds early. Gradient marks particularly struggle here.
- **Large-format signage.** Requires sharp vector with no rasterization. Tests construction grid quality. Tests whether thin strokes survive scaling.
- **Motion lockup.** Tests whether the logo has natural entry and exit animation. Wordmarks reveal letter-by-letter; symbols rotate, scale, or assemble from parts.
- **Social profile picture (square).** Lockups need a stacked alternate or monogram fallback. Symbol-only works natively.
- **Apparel embroidery (thread on fabric).** Tighter constraints than patch embroidery. Fine letterforms and detail die here. The mark needs a chunky-friendly variant.
- **Foil stamp on paper or leather.** Single-color, no gradients, requires substantial line weight to survive the impression.

**The discipline:** Every variant must pass the application-context test before it's a contender. Generate each variant, then mentally test each context. If a variant fails three or more contexts, it's not a primary mark; it might still serve as a secondary or display lockup but it isn't carrying the brand. Build a fallback hierarchy: primary lockup, secondary monogram, favicon-grade letterform-as-symbol.

### 5. Restraint discipline

Most logo failure happens through over-design. The discipline is subtractive.

**Tests:**

- **Silhouette test.** Squint at the logo. If you cannot identify it from silhouette alone (with type stripped), the silhouette is too generic. Apple, Nike, Twitter pass. Most generic SaaS marks fail.

From rampstackco/claude-skills, MIT.

More from rampstackco/claude-skills