skills.rest
daffy0208
daffy0208COMMUNITY
Explore all skills by this author →
GitHub

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

34|7|Updated Oct 22, 2025
Search Tags:#typography#branding#brand identity#color palette#logo design#brand guidelines#visual identity
One-click install
npx skills add https://github.com/daffy0208/ai-dev-standards --skill brand-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-designer
Source: https://github.com/daffy0208/ai-dev-standards/tree/main/SKILLS/brand-designer
Command: npx skills add https://github.com/daffy0208/ai-dev-standards --skill brand-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp.

What problem does it solves? This Skill addresses the challenge of creating a cohesive and memorable brand identity, providing a systematic approach to logo design, color palettes, typography, and brand guidelines to ensure consistent visual communication across all touchpoints.

Core Features & Use Cases

  • Logo Design: Guides through creating versatile SVG logos and their variations (full, icon, wordmark) for different contexts.
  • Visual System Development: Establishes comprehensive color palettes (primary, secondary, neutral, semantic) and typography systems for brand consistency.
  • Brand Guidelines & Assets: Generates essential brand guidelines documents and templates for social media, business cards, and favicons.

Quick Start

Responsive logo component

<Logo variant="full" size={40} color="primary" /> <Logo variant="icon" size={32} /> <Logo variant="wordmark" color="white" />

Frequently Asked Questions about brand-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a cohesive brand identity with logo design and color palettes?▼

Brand identity combines logo design, color palettes, and typography into a unified visual system. This Skill guides you through creating SVG logos in multiple variations, establishing semantic color systems, and building scalable typography to ensure consistency across all touchpoints.

Can I generate SVG logos that scale responsively across different sizes?▼

Yes. This Skill produces responsive SVG logos with variants—full logo, icon, and wordmark—each adjustable by size and color, enabling you to maintain visual fidelity across digital and print applications.

What should I include in brand guidelines for design system handoff?▼

Brand guidelines document your color tokens, typography scales, logo usage rules, and accessibility standards. This Skill generates comprehensive guidelines templates and social media assets, business cards, and favicons for seamless design system integration and team handoff.

How do I ensure brand colors meet accessibility requirements?▼

Accessibility-friendly color usage means selecting primary, secondary, neutral, and semantic colors that maintain sufficient contrast ratios. This Skill builds color palettes with accessibility compliance baked in, ensuring your brand works across all user contexts.

Can I use this for both digital and print marketing materials?▼

Yes. This Skill addresses visual identity across digital and print channels—responsive web logos, social templates, business cards, and print-ready assets all generated from a single cohesive brand system.

Related Skills

Explore More Design & Creative Skills→
Pika-LabsPika-Labs
38

build-a-brand

Build a complete brand identity and 15-page brand guidelines PDF.

Official
Advanced
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate
SheshiyerSheshiyer

visual-identity-core

Generate a brand visual identity guide with color palettes, typography, logo rules, and imagery guidelines.

Community
Basic