Back to recipes

landing recipe

SaaS core landing

A restrained SaaS page skeleton that starts with a split value proposition and moves into varied product proof.

Theme contract

light-dark

Variance / motion / density

variance
7/10
motion
3/10
density
3/10

Composition sequence

Role order the AI can adapt

01 · hero · required

Asymmetric split hero

View contract
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.

02 · feature · required

Bento feature grid

View contract
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.

Workflow clarity

Keep the main promise legible before the details arrive.

Useful signals

Give each supporting claim a place to breathe.

Clean handoff

Use a bounded slot for a real screenshot or live preview.

A precise detail

Add one small proof point without flattening the layout.

03 · timeline

Workflow timeline

View contract
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.tsx

04 · proof

Star rating

View contract
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/rating.tsx

05 · pricing · required

Pricing grid

View contract
Live source render · fixture content

A pricing choice with a visible next step

Use pricing as its own role; do not ask the CTA or FAQ to carry the same job.

Starter
For a focused first workflow.
$29/ month
  • One workspace
  • Core blocks
  • Guided setup
Growth
For teams building a system.
$79/ month
  • Shared catalog
  • Review states
  • Priority support
Scale
For a broader operating model.
$149/ month
  • Multiple teams
  • Custom contracts
  • Dedicated guidance

06 · faq

FAQ accordion

View contract
Live source render · fixture content

Answer the questions that block the next action

The FAQ stays distinct from pricing and the closing CTA.

A real screenshot, video, image, or live product preview with an accessible label.