Design a minimalist landing page hero (Recipe 43)

Create clean, consistent visuals with minimal effort.

4 steps42 min

designworkflowrepeatable

Tools You'll Need

Tools:

Prompts:

Layout concepts

Propose 3 hero layouts for a black-and-white SaaS landing page: headline, subhead, CTA, and one visual element (no gradients).

Tools:

Prompts:

Typography system

Pick a clean font pairing (one display + one body) and define sizes for H1/H2/body/captions; keep it accessible and minimal.

Tools:

Prompts:

Component spec

Write a spec for a monochrome button set (primary/secondary/ghost) including hover/focus states and spacing rules.

Tools:

Prompts:

Asset checklist

Create an export checklist for web assets: favicon sizes, OG image, logo variants, and SVG icon constraints.