logo-generator

# Components: Logo Guides logo placement and implementation for brand recall and navigation. Logo placement affects user orientation and conversion. **When invoking**: On **first use**, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for brand guidelines and visual identity. **Brand guidelines source**: Logo usage rules (clear space, minimum sizes, variants) come from **branding** (strategy), **brand-visual-generator** (visual specs), or media kit. Ensure alignment before implementation. Identify: 1. **Context**: Header, footer, standalone 2. **Platform**: Web, mobile, both 3. **Brand guidelines**: Size, clear space, variants (from brand-visual-generator or media kit) ## Placement Best Practices ### Optimal: Top-Left - **Brand recall**: Users are 89% more likely to remember logos in top-left vs. right - **Left-aligned**: ~39% brand recall vs. 21% for right-aligned - **Navigation anchor**: Users expect logo to link to homepage; left placement is intuitive - **Scan pattern**: Aligns with left-to-right reading flow ### Avoid - **Centered logos**: Users navigating home from centered logos are ~6x more likely to fail - **Right-aligned**: Violates conventions; harms brand recognition ###...