Landing page

---
name: landing-page
description: Design and implement a product landing page with a clear job-to-be-done, honest copy, and a single primary action. Use when building a homepage or marketing hero.
---

# Landing page

## Narrative

1. **Name and job** — what it is, in one sentence a stranger understands.
2. **Proof of mechanism** — how it works, shown, not sloganed.
3. **Who it is for** — and who it is not for, if that helps.
4. **Primary action** — one. Secondary can exist; it stays visually quieter.
5. **Trust** — real constraints, independent status, or how to install. No fake logos.

## Layout

- Hero is type + one action, not a fake 3D product shot unless you have the asset.
- Alternate full-width bands with a constrained measure.
- Feature sections should not all be “icon, heading, 12 words.”
- Footer carries the legal and the quiet links.

## Copy tests

Read the headline out loud. If it still works after you swap the product name for a competitor, rewrite it.