home / skills / mikefilsaime-groove / clickcampaigns-for-claude-code-in-cursor / design-branding

design-branding skill

safe

/skills-and-instructions/skills/tasks/design-branding

This skill helps you create world class brand identity and design systems that establish authority across touchpoints and assets.

npx playbooks add skill mikefilsaime-groove/clickcampaigns-for-claude-code-in-cursor --skill design-branding

Review the files below or copy the command above to add this skill to your agents.

Files (1)

SKILL.md

3.3 KB

---
name: design-branding
description: This skill should be used when the user asks to "create brand identity", "build brand kit", "logo design", "brand guidelines", "visual identity", or mentions branding, design systems, or creative assets. Creates professional brand identity and design systems that establish authority.
---

# Design & Branding

Create world-class brand identity and design systems that establish visual authority, communicate brand personality, and create cohesive brand experiences across all touchpoints.

## Core Objectives

- Establish strong visual brand identity
- Create cohesive design system
- Develop brand guidelines for consistency
- Produce high-quality creative assets
- Build brand authority through design

## Brand Kit Components

### Logo & Identity

**Primary Logo:**
- Main brand mark
- Clear space requirements
- Minimum size specifications

**Logo Variations:**
- Horizontal version
- Vertical/stacked version
- Icon/symbol only
- Single-color versions
- Reversed (white) version

**Logo Usage:**
- Clear do's and don'ts
- Placement guidelines
- Size requirements
- Background restrictions

### Color Palette

**Primary Colors:**
- Main brand colors (1-2)
- Hex, RGB, CMYK values
- Usage guidelines

**Secondary Colors:**
- Supporting palette (2-4)
- Color combinations
- When to use each

**Accent Colors:**
- Highlight and emphasis
- CTA button colors
- Attention-grabbing elements

**Neutral Colors:**
- Grays and backgrounds
- Text colors
- Subtle elements

### Typography

**Primary Font:**
- Main brand typeface
- Weights available
- Web font source

**Secondary Font:**
- Supporting typeface
- Specific use cases
- Pairing guidelines

**Font Hierarchy:**
- H1-H6 specifications
- Body text styles
- Caption and small text
- Button text

### Visual Elements

**Patterns:**
- Brand patterns or textures
- Usage guidelines
- Application examples

**Icons:**
- Icon style guidelines
- Custom icon library
- Consistent stroke weight

**Photography:**
- Image style guidelines
- Mood and tone
- Subject matter
- Treatment and filters

**Graphics:**
- Supporting visual elements
- Illustration style
- Infographic guidelines

## Brand Guidelines Document

### Sections to Include

1. **Brand Story & Values**
2. **Logo Guidelines**
3. **Color Palette**
4. **Typography**
5. **Visual Elements**
6. **Application Examples**
7. **Do's and Don'ts**

### Application Examples

**Business Cards:**
- Front and back layouts
- Information hierarchy
- Contact details placement

**Letterhead:**
- Header design
- Footer elements
- Margin specifications

**Social Media:**
- Profile image specs
- Cover/banner templates
- Post templates

**Website:**
- Header/navigation
- Button styles
- Form styling
- Footer design

**Marketing Materials:**
- Flyers and brochures
- Presentations
- Email templates

## Quality Standards

- Every element reflects brand excellence
- Every component is polished and purposeful
- Every guideline ensures consistency
- No generic elements
- Everything intentional and strategic

## Quality Checklist

- Does brand identity reflect professional excellence?
- Is design system cohesive and comprehensive?
- Are brand guidelines clear and actionable?
- Will creative assets establish brand authority?
- Does this create memorable brand experience?

## Additional Resources

### Reference Files
- **`references/brand-templates.md`** - Brand asset templates

Overview

This skill builds complete brand identities and design systems that establish visual authority and consistent experiences across touchpoints. It delivers logo families, color systems, typography rules, visual assets, and a practical brand guidelines document. Use it to turn strategy into a polished, usable brand toolkit.

How this skill works

I create a structured brand kit by designing primary and variant logos, defining color palettes with values and usage, selecting type families and hierarchy rules, and producing visual element libraries (icons, patterns, photography guidance). I compile those elements into a clear brand guidelines document with application examples, dos and don'ts, and export-ready assets. The output is practical files and instructions teams can apply immediately to marketing, web, and print.

When to use it

You need a full brand identity for a new company or product launch
You want a cohesive design system to scale marketing and product teams
You need logo versions and clear usage rules for consistent application
You must create on-brand templates for social, email, and presentations
You want to formalize visual assets into a single brand guidelines deliverable

Best practices

Start with a concise brand story and core values to guide visual decisions
Limit primary colors and typefaces for clarity; use secondary palettes for flexibility
Provide clear clear-space and minimum-size rules for every logo variation
Include concrete application examples (business cards, web headers, social posts) to reduce implementation errors
Export assets in common formats (SVG, PNG, PDF) and provide web-ready font and color codes

Example use cases

Design a full brand kit for a startup including logos, colors, and type scale
Create brand guidelines for an enterprise product team to ensure consistent UI and marketing
Produce social media templates and cover/banner assets that match the new identity
Develop icon libraries and photography treatment rules for a cohesive visual language
Build print-ready materials: business card, letterhead, and brochure templates

FAQ

What deliverables will I receive?

You receive primary and variant logos, color palette with hex/RGB/CMYK values, typography rules, icon and pattern assets, example applications, and a concise brand guidelines document.

Can you match an existing visual direction?

Yes. I can adapt to an established visual brief, refine existing assets, and create guidelines that maintain continuity while improving consistency and quality.