brand-visual-generator

Generate visual identity guidelines covering typography, color palettes, spacing, and logo usage.

872|122|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/kostja94/marketing-skills --skill brand-visual-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-visual-generator
Source: https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual
Command: npx skills add https://github.com/kostja94/marketing-skills --skill brand-visual-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps define, audit, and apply visual identity elements like typography, colors, and spacing to ensure consistent and impactful brand presentation across all touchpoints.

Core Features & Use Cases

  • Typography Guidance: Recommends font pairings, scales, and best practices for legibility and brand voice.
  • Color Palette Definition: Assists in structuring palettes (primary, secondary, CTA) and ensuring accessibility.
  • Spacing & Layout: Provides rules for margins, grids, and visual hierarchy.
  • Use Case: A startup needs to establish a distinct visual identity for its new product website. This skill can guide them in selecting appropriate fonts, defining a color scheme that reflects their brand values, and setting up a consistent spacing system for their UI elements.

Quick Start

Use the brand-visual-generator skill to define the typography and color palette for a new tech startup's website.

Frequently Asked Questions about brand-visual-generator

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

FAQPage Schema
How do I define a visual identity for a new tech startup website?

To define a visual identity for a tech startup website, generate comprehensive guidelines covering typography, color palettes, spacing, and logo usage. This ensures consistent frontend aesthetics and impactful brand presentation across all touchpoints.

What is the best way to structure a color palette for accessibility?

Structuring a color palette for accessibility involves defining primary, secondary, and CTA colors while ensuring adherence to accessibility standards. This maintains brand consistency while meeting visual contrast requirements for all users.

How do I choose typography pairings that match my brand voice?

Choosing typography pairings that match your brand voice requires selecting complementary font scales and following best practices for legibility. This ensures the typography accurately reflects the brand's archetype and enhances frontend aesthetics.

Can I use visual identity guidelines to establish spacing and layout rules?

Yes, visual identity guidelines can establish spacing and layout rules by providing specific instructions for margins, grids, and visual hierarchy. This creates a consistent spacing system for UI elements across all frontend touchpoints.

Does brand visual identity generation support AI product branding and trend analysis?

Brand visual identity generation supports AI product branding by incorporating trend analysis and archetype alignment into the design system. This ensures the visual identity remains distinctive and relevant within the current market landscape.