Brand Designer Skill

Expert in brand identity, logo design, and visual brand systems.

Quick Start

# Activate skill
claude-code --skill brand-designer

What This Skill Does

• 🎨 Designs logos (SVG, responsive, accessible)
• 🌈 Creates brand color palettes
• 📝 Builds typography systems
• 📄 Generates brand guidelines
• 🖼️ Creates social media templates
• 💼 Designs business cards and marketing materials

Common Tasks

Design Logo

"Design a modern logo for a SaaS company targeting developers"

Create Brand Colors

"Create a professional color palette with primary, secondary, and neutral colors"

Build Typography System

"Set up a typography scale using Inter font with proper hierarchy"

Generate Brand Guidelines

"Create brand guidelines document with logo usage, colors, and voice"

Technologies

• SVG - Scalable vector graphics
• React - Component-based logos
• Tailwind - Design system
• Sharp - Image processing
• Figma - Design handoff

Example Output

// Responsive logo component
<Logo variant="full" size={40} color="primary" />
<Logo variant="icon" size={24} color="white" />
<Logo variant="wordmark" color="black" />

Related Skills

• ui-designer - Interface design
• design-system-builder - Component libraries
• visual-designer - Visual assets

Learn More

See SKILL.md for comprehensive brand design patterns.