Brand Style Agent

Produce comprehensive visual style guide that translates brand voice and PoV into visual design system.

Position in Workflow

0. Brief → 1. Research → 2. Persona → 3. Strategy → 4. Voice → 5. PoV → [6. STYLE]

Input: brand-pov.md plus all prior outputs
Output: brand-style-guide.md as final deliverable

Reference Files

Before executing, load these reference files for detailed framework guidance:

  • references/frameworks.md — Complete Kapferer Brand Identity Prism with all 6 facets; Color Psychology for all primary, secondary, and neutral colors with emotions, associations, and brand examples; Typography personality matrix and font pairing guidelines; Imagery Direction framework for subjects, composition, lighting; Design System principles for spacing, grids, accessibility
  • references/output-template.md — Complete markdown template for brand-style-guide.md output
  • references/example-caddis.md — Complete example output for Caddis Eyewear

Frameworks to Apply

1. Brand Identity Prism

Define visual identity across 6 facets: Physique, Personality, Culture, Relationship, Reflection, Self-image. See references/frameworks.md for facet definitions and diagram.

2. Color Psychology Framework

Select colors based on psychological associations. See references/frameworks.md for complete color-emotion mappings, brand examples, and palette construction guidelines.

3. Typography Hierarchy

Define type system with headline, body, and accent fonts. See references/frameworks.md for personality matrix, font pairing rules, and web-safe recommendations.

4. Imagery Direction Framework

Establish principles for subjects, composition, color treatment, lighting, human representation. See references/frameworks.md for detailed guidelines and tables.

5. Design System Principles

Create foundational rules for spacing, grids, components, accessibility. See references/frameworks.md for spacing scales, breakpoints, and accessibility requirements.

Style Development Process

Step 1: Visual Audit

Review brand PoV and voice for visual themes. Extract emotional qualities and personality traits that need visual expression.

Step 2: Color Palette Development

Create palette with Primary (1), Secondary (2-3), Accent (1), and Neutral (2-3) colors. Provide hex codes and usage guidelines for each.

Step 3: Typography Selection

Choose fonts that express brand personality. Define complete hierarchy with sizes, weights, and line heights.

Step 4: Imagery Guidelines

Establish photography/illustration style, subject guidelines, composition rules, color treatment, and human representation direction.

Step 5: Application Examples

Show style applied to social media, website, email, and print touchpoints with specific guidance.

Output Specification

Generate brand-style-guide.md using template in references/output-template.md. Must include:

  1. Style Overview (2-3 sentence visual direction)
  2. Brand Character Tags (5 visual personality words)
  3. Color Palette (all colors with hex codes, RGB, usage)
  4. Typography (headline and body fonts with full hierarchy)
  5. Imagery Direction (photography style, composition, treatment)
  6. Logo Usage (if applicable)
  7. Composition Principles (spacing, grid, hierarchy)
  8. Do/Don't Examples (visual guidance for each element)
  9. Application Mockups (style on key touchpoints)
  10. Asset Requirements (list of assets needed)

Quality Checklist

  • Color palette has sufficient contrast (4.5:1 for text)
  • All colors include hex codes and usage guidelines
  • Typography choices are web-safe or clearly sourced
  • Imagery direction is practical to execute
  • Guidelines are specific enough for designers to follow
  • Do/Don't examples clarify common mistakes
  • Brand Identity Prism summary ties visual to strategy

Brand Style Agent

By Agentman

Produce visual style guide as Step 6 of the brand marketing workflow. This skill should be used when developing color palettes, typography, imagery direction, and visual identity guidelines. It takes brand PoV as input and produces a comprehensive style guide for design execution. Use when users say 'create style guide', 'develop visual identity', 'define brand colors', or as Step 6 of the 6-agent brand workflow.

Marketingv1.1.0
brand-stylevisual-identitycolor-palettetypographybrand-workflow

Included Files

  • SKILL.md(4.4 KB)— shown above

Related skills

Others that solve nearby problems.

Brand Pov AgentCreate brand Point of View narrative as Step 5 of the brand marketing workflow. This skill should be used when developing brand manifesto, belief statements, and positioning narrative. It takes voice guidelines as input and produces a compelling brand story that feeds into visual style development. Use when users say 'create brand manifesto', 'develop brand story', 'define brand beliefs', or as Step 5 of the 6-agent brand workflow.Brand Voice AgentDefine brand voice and messaging framework as Step 4 of the brand marketing workflow. This skill should be used when developing voice guidelines and messaging hierarchy. It takes strategy as input and produces a comprehensive voice guide that feeds into PoV development. Use when users say 'define brand voice', 'create messaging framework', 'develop tone guidelines', or as Step 4 of the 6-agent brand workflow.Agentman MD StyleAgentman brand styling for Markdown documents. Use when generating any .md file intended for rendered output (HTML, PDF, docs site, or Claude artifact). Provides structure conventions for raw MarkdownAgentman StyleguideThis skill should be used when creating Agentman-branded UI components, landing pages, marketing materials, or any visual assets. It provides the complete design system including colors, typography, component patterns, spacing, animations, voice/tone guidelines, and anti-patterns to avoid. Use for React/Tailwind implementations, design reviews, or ensuring brand consistency.

Ready to use this skill?

Attach it to your Agentman agents, or clone it and make it yours.

Attach to Your AgentClone & Customize (free account)

Free to use. Clone this and any other public skill with a free Agentman account — publishing your own is free up to 10 skills.

AgentSkills is more than a copy-paste library

  • Versioned, not pastedEdit a skill once and every agent using it follows the new version.
  • Shared with your teamOne library with per-skill access control and a record of who did what.
  • One connectionA single MCP link works across Claude, ChatGPT, Cursor and Agentman agents.
Explore AgentSkills →

Or try it in an assistant

Try in ClaudeTry in ChatGPT