← backCoding & DashboardsFounding · Free forever

Prototype a landing page from scratch

Static HTML + Tailwind is the fastest path — move to frameworks only when you need them.

by @whitney · recommended tool Claude Code · 0 unlocks

ALTERNATES

v0 by Vercel

You'll need

CONNECTORS

Webflow

EXAMPLES · WHAT THIS PROMPT PRODUCES

Sample output

**Built: single-file landing page for FocusFlow (a Pomodoro app for ADHD)**

Delivered `index.html` (Tailwind via CDN, zero build step) plus an `assets/` folder. Open the file directly in a browser to view.

**Sections, in order:**
- **Hero** — bold headline "Stop fighting your focus. Start flowing with it." + subhead + dual CTA ("Start free" / "Watch 60s demo"). Soft gradient background, animated timer mockup on the right.
- **Value prop** — one-line promise with a three-icon row (Body-double mode · Gentle nudges · No guilt streaks).
- **3 Features** — alternating image/text blocks: adaptive work intervals, dopamine-friendly rewards, distraction-aware breaks.
- **Social proof** — three testimonial cards + a logo strip of press mentions.
- **FAQ** — six expandable accordion items (free tier, ADHD-specific, mobile, cancel anytime, data privacy, team plans).
- **Final CTA** — full-width band, "Your brain isn't broken. Your timer was." + email capture.

**Aesthetic:** calm, modern, rounded cards, soft purple/teal palette, generous whitespace, subtle hover transitions. Fully responsive — single-column stack on mobile. Accessible contrast and semantic headings throughout. No backend; the email form is wired to a placeholder action you can point at your provider.

PRICE HISTORY0 cr · current

PROMPT TEMPLATE · v1.0.0

Build a single-page landing site for <PRODUCT>.
Sections: hero → value prop → 3 features → social proof → FAQ → CTA.
Style: <AESTHETIC>. Stack: static HTML + Tailwind (zero build step).
Deliver: one index.html + assets folder. Runnable by opening the file.