sar/.claude/skills/wds-1-project-brief/templates/inspiration-analysis.template.md

Inspiration Analysis: {{project_name}}

Reference Site Analysis & Design Principles

Created: {{date}} Author: {{user_name}} Related: Product Brief | Visual Direction | Content & Language

---

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