landing recipe
A visual product page for teams that need to show the workflow, explain the result, and support the claim with evidence.
Theme contract
Variance / motion / density
Composition sequence
01 · hero · required
Source-reviewed hero block
A split value proposition with one real media boundary and a clear first-viewport action.
02 · media · required
A dominant media slot keeps the proof section from becoming a uniform gallery.
Primary view
Use an image, video, or actual product preview with a useful accessible label.
Replace fixture content before shipping
Keep the second item compact and specific.
Use metadata to explain what the media proves.
03 · stats
04 · feature · required
Alternate the media side and keep every row anchored to a concrete feature claim.
01 / Shape the input
A story row can carry context without turning into a wall of copy.
02 / Show the result
Use the second row to explain the change the workflow creates.
05 · social-proof
The best page sections give the reader a next move, not another thing to decode.
06 · cta · required
Closing action
A closing CTA should complete the narrative instead of repeating the hero.