# Design

## Page Map
- the homepage is a high-impact launch page with a left text column and a right product-flow preview
- the product detail page is a workflow explanation page with a desktop-workspace hero and a structured pipeline section

## Interaction Model
- primary CTA on the homepage points users toward product evaluation
- homepage secondary CTA moves to the product detail page
- product detail page explains the editor pipeline rather than adding new navigation complexity

## Layout Strategy
- desktop-first sections
- large hero headlines
- dark interface shell with occasional light contrast panels for emphasis
- modular sections with strong content hierarchy

## Component Strategy
- shared header treatment across both pages
- recurring dark panel cards for workflow and capability explanation
- one light contrast content panel per page to signal structured output

## Content Notes
- keep copy direct and product-oriented
- repeat the three-part product thesis consistently:
  - import from HTML or Figma
  - annotate into a structured design artifact
  - publish MCP-ready design data

## Open Questions
- whether the repo should eventually commit the `.pen` file instead of only recording the active Pencil source
- whether future iterations should split the product detail page into workflow and MCP integration pages