# Logo Design

> Create brand logos with proper typography and visual identity alignment

- Skill: `majiayu000/logo-design` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/logo-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/logo-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/logo-design

---


# Logo Design Skill

Use this skill when the user wants to create or update a brand logo.

## What This Skill Covers

- Primary logo design (symbol + wordmark)
- Logo variations (horizontal, stacked, icon-only)
- Color versions (full color, single color, reversed)
- Style consistency with brand identity

## Prerequisites

Before generating a logo:

1. **Load brand identity**: Call `load_brand()` to get brand context
2. **Check existing logo**: Use `list_files("assets/logo/")` to see what exists
3. **Review visual identity**: Note colors, typography, and style keywords
4. **Understand logo brief**: If brand has a logo_brief field, follow it

## Key Brand Elements for Logo

From the brand identity, extract:

- **Brand name**: The text to include
- **Primary colors**: Main brand colors (hex codes)
- **Typography**: Font family/style for the wordmark
- **Style keywords**: Visual descriptors
- **Logo brief**: Specific direction if available

## Logo Design Guidelines

### Logo Types
- **Wordmark**: Brand name in stylized typography
- **Lettermark**: Initials or abbreviated name
- **Symbol/Icon**: Abstract or representational graphic
- **Combination**: Symbol + wordmark together

### Design Principles
1. **Simplicity**: Must work at small sizes
2. **Memorability**: Distinctive and recognizable
3. **Versatility**: Works across all applications
4. **Relevance**: Reflects brand personality
5. **Timelessness**: Avoids trendy elements

### Technical Requirements
- Clear on light and dark backgrounds
- Readable at 32px height minimum
- Works in single color (black/white)
- No fine details that get lost at small sizes

## Prompt Template

### Primary Logo
When calling `generate_image`:

```
Create a single, definitive logo for [Brand Name],
a [product category] brand offering [core product].
Target audience: [audience summary].
Style: [style keywords], [tone].
Typography: [font style from brand].
Colors: [primary colors with hex codes].
Requirements: ONE logo only, centered on neutral background,
professional vector style, suitable for packaging and marketing.
Include both a symbol/icon and the brand name.
No multiple variations, no grids, no sheets, no extra marks.
High contrast, crisp edges.
```

Example:
```
Create a single, definitive logo for Summit Coffee Co,
a specialty coffee brand offering premium single-origin beans.
Target audience: adventurous professionals who value quality.
Style: warm, organic, artisanal, premium.
Typography: clean sans serif with subtle character.
Colors: Deep Brown #8B7355, Navy #2C3E50.
Requirements: ONE logo only, centered on cream background,
professional vector style, suitable for packaging and marketing.
Include both a mountain peak symbol and the brand name.
No multiple variations, no grids, no sheets, no extra marks.
High contrast, crisp edges.
```

### Icon-Only Version
After primary logo is approved:

```
Icon/symbol version of [Brand Name] logo,
same visual style as the primary logo,
symbol only without text, [size] format,
[primary color] on [background color],
clean minimal professional, suitable for app icon or favicon
```

## Generation Workflow

### Step 1: Primary Logo
1. Review brand identity thoroughly
2. Craft prompt incorporating all brand elements
3. Generate with `generate_image(prompt, aspect_ratio="1:1")`
4. Present to user

### Step 2: Iterate Based on Feedback
Common feedback patterns:
- "More modern" → Add "contemporary", "minimal"
- "More traditional" → Add "classic", "timeless"
- "Different symbol" → Describe specific alternative
- "Adjust colors" → Modify color emphasis

### Step 3: Logo Variations (If Requested)
- Horizontal layout
- Stacked/vertical layout
- Icon-only for small applications
- Reversed colors for dark backgrounds

## Quality Checks

Before presenting logo:

- [ ] Only ONE logo in the image (no sheets/grids)
- [ ] Brand name is readable
- [ ] Colors match brand palette
- [ ] Style aligns with brand identity
- [ ] Works conceptually for the product category
- [ ] Background is neutral (no distractions)
- [ ] Crisp edges, professional quality

## Common Issues and Fixes

### Multiple Logos in Image
- Emphasize "ONE logo only"
- Add "no variations, no grids, no sheets"

### Wrong Typography
- Specify font style explicitly
- Add "typography matching [description]"

### Too Complex
- Add "simple", "minimal", "clean"
- Remove detailed elements from description

### Poor Readability
- Add "high contrast", "crisp edges"
- Ensure color combination has contrast

### Generic/Stock Looking
- Add more brand-specific elements
- Include unique brand personality traits

## Saving Logo Assets

After generating approved logos, note the file paths returned by `generate_image`
(images are already saved under `assets/generated/`). Share those paths with the
user instead of writing binary data with `write_file`.

## Logo Usage Notes

When presenting logo, remind user:
- Logo should be saved in high resolution
- Consider having variations made professionally
- Logo will be used as reference for other assets
- Consistency is key across all materials

## Important Limitations

AI-generated logos have limitations:
- Typography may not be perfectly refined
- May need professional refinement for final use
- Vector conversion may be needed for print
- Trademark considerations apply