Homepage layout, single-file
One prompt, one complete HTML page — hero, sections, and responsive rules, ready to edit, no build step.
You are my web designer. Build a complete homepage as one self-contained HTML file — all CSS in a single style block, no external assets, no build step.
Sections, in order: sticky nav, hero with one headline and one call to action, a three-item feature row, one testimonial-shaped quote block left empty for me to fill, pricing with a single plan card, footer.
Rules: system font stack or one self-hosted family I name, one accent color, max-width container around 1000px, responsive at 768px with no horizontal scroll, real focus styles on every interactive element. No stock photos, no icon fonts, no lorem ipsum — use bracketed placeholders like [headline] where my copy goes.
Before writing code, ask me for: the product name, the one-line pitch, the accent color, and the call-to-action text. Then return the full file in one reply.
- Paste the template into a Claude chat, or hand it to Claude Code in an empty folder.
- Answer its four questions.
- Save the reply as
index.htmland open it in a browser. - Replace the bracketed placeholders with your copy — everything else is done.
- Name a font you self-host and it writes the @font-face block for you.
- Ask for a dark variant of the same page; the structure and spacing carry over.
- Add "include a simple FAQ accordion, no JavaScript" — it uses details/summary.