Workflow clarity
Keep the main promise legible before the details arrive.
Workflow slotReplace this fixture with real image, video, or product preview.
landing recipe
Technical product landing
A product-led landing composition for technical buyers with clear hierarchy and low-motion proof blocks.
Theme contract
dark
Variance / motion / density
- variance
- 6/10
- motion
- 2/10
- density
- 4/10
Composition sequence
Role order the AI can adapt
01 · hero · required
Asymmetric split hero
Live source render · fixture content
Source-reviewed hero block
Make the next workflow obvious.
A split value proposition with one real media boundary and a clear first-viewport action.
Hero mediaReplace this fixture with real image, video, or product preview.
02 · feature · required
Workflow timeline
Live source render · fixture content
Metadata-only entry
This recipe block is indexed and selectable, but its source preview has not been mapped into the landing preview site yet.
src/entries/interaction/timeline.tsx03 · feature
Bento feature grid
Live source render · fixture content
One product, several useful angles
Vary the grid span and content slot so the feature story has a visual rhythm.
Useful signals
Give each supporting claim a place to breathe.
Clean handoff
Use a bounded slot for a real screenshot or live preview.
Product slotReplace this fixture with real image, video, or product preview.
A precise detail
Add one small proof point without flattening the layout.