Skip to content

Homepage Wireframe & Copy Spec

Specs a homepage section by section with verbatim-ready copy.

Sonnetmarkdown outputv1.0

Variable filler

Fill values and watch them flow into the prompt below. Nothing is stored.

messaging

audiences

proof

ctas

The prompt

Produce a section-by-section homepage spec a designer or AI builder can execute directly.
INPUT: positioning + pillars (from 11.3): {{messaging}} | audiences: {{audiences}} | proof assets: {{proof}} | primary + secondary conversion: {{ctas}}
PER SECTION deliver: purpose, layout note (one line: e.g., "split hero, copy left, product visual right"), final copy (headlines verbatim-ready), and the proof element placed there.
SECTION ORDER: hero (the roof message as headline — 5-second test: a stranger can say what you do, for whom) → social proof strip → problem/outcome section per major audience (tabbed or stacked) → how-it-works (3 steps) → deep proof (case study or numbers) → objection FAQ → final CTA.
RULES: one primary CTA repeated, secondary CTA visually subordinate; every scroll depth answers "why keep scrolling"; total headline read-path tells the full story without body text.

Tap the block to copy

inputs

messaging
messaging
audiences
audiences
proof
proof
ctas
ctas

outputs

Declared output: markdown.