# Inspiration Analysis: {{project_name}}

> Reference Site Analysis & Design Principles

**Created:** {{date}}
**Author:** {{user_name}}
**Related:** [Product Brief](./product-brief.md) | [Visual Direction](./visual-direction.md) | [Content & Language](./content-language.md)

---

## Sites Analyzed

{{#each sites}}

### {{this.name}}

**URL:** {{this.url}}

#### What Client Liked
{{#each this.liked}}
- **{{this.element}}** — {{this.why}}
{{/each}}

#### What Client Didn't Like
{{#each this.disliked}}
- **{{this.element}}** — {{this.why}}
{{/each}}

#### Adaptations Needed
{{#each this.adaptations}}
- **{{this.element}}** — {{this.modification}}
{{/each}}

#### Principles Extracted
{{#each this.principles}}
- {{this}}
{{/each}}

---

{{/each}}

## Design Principles (Synthesized)

### Layout
**DO:**
{{#each layout_do}}
- {{this}}
{{/each}}

**DON'T:**
{{#each layout_dont}}
- {{this}}
{{/each}}

### Content Hierarchy
**DO:**
{{#each content_do}}
- {{this}}
{{/each}}

**DON'T:**
{{#each content_dont}}
- {{this}}
{{/each}}

### Visual Style
**DO:**
{{#each visual_do}}
- {{this}}
{{/each}}

**DON'T:**
{{#each visual_dont}}
- {{this}}
{{/each}}

### User Experience
**DO:**
{{#each ux_do}}
- {{this}}
{{/each}}

**DON'T:**
{{#each ux_dont}}
- {{this}}
{{/each}}

---

## How to Use This Document

**For Scenario Outlining (Phase 4):**
Reference layout patterns when designing user flows. Use navigation principles to inform site structure.

**For Page Design (Phase 5):**
Use extracted principles as design checklist. Reference "What Client Liked" for visual direction. Avoid "What Client Didn't Like" patterns.

**For Dream Up Self-Review:**
Check generated output against documented preferences. Each design principle is a self-review checkpoint.

---

_Generated by Whiteport Design Studio_
