Design a minimalist landing page hero (Recipe 93)
Create clean, consistent visuals with minimal effort.
4 steps42 min
Save
00
designworkflowrepeatable
Tools You'll Need
Steps
1
Layout concepts
Prompts:
Layout concepts
Propose 3 hero layouts for a black-and-white SaaS landing page: headline, subhead, CTA, and one visual element (no gradients).
2
Typography system
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.
3
Component spec
Prompts:
Component spec
Write a spec for a monochrome button set (primary/secondary/ghost) including hover/focus states and spacing rules.
4
Asset checklist
Prompts:
Asset checklist
Create an export checklist for web assets: favicon sizes, OG image, logo variants, and SVG icon constraints.