# 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_