majiayu000 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:
- Load brand identity: Call
load_brand()to get brand context - Check existing logo: Use
list_files("assets/logo/")to see what exists - Review visual identity: Note colors, typography, and style keywords
- 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
- Simplicity: Must work at small sizes
- Memorability: Distinctive and recognizable
- Versatility: Works across all applications
- Relevance: Reflects brand personality
- 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
- Review brand identity thoroughly
- Craft prompt incorporating all brand elements
- Generate with
generate_image(prompt, aspect_ratio="1:1") - 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