brand-style-agent

# 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