Build a clean, modern, single-page website as a single HTML file
with embedded CSS and minimal JavaScript.
The page should tell a story through full-screen scrolling sections.
It should feel polished, minimal, and high-end, like a modern product
site. Think Linear / Notion / Vercel style. Use lots of whitespace,
large typography, centered layouts, subtle contrast, and smooth
scrolling. Dark mode preferred. No external dependencies.
Important design requirements:
- One long scrolling page
- Each main section should fill most or all of the viewport height
- Large, elegant typography
- Minimal, modern styling
- No clutter — no navbar needed
- Everything should feel like a stylish product pitch, not a blog
- The prompt section should be a major visual centerpiece
- Add subtle fade-in or reveal animations on scroll
- Use a modern sans-serif font stack
- Make it look good on desktop first, but still reasonably responsive
The story should unfold in this exact order:
SECTION 1 — HOOK
Large headline: "This is not a slide deck."
Below: "It's a website I made in ~60 seconds."
Small text: "Built with Claude"
Optional cue: "Scroll"
SECTION 2 — THE PROMPT (VERY IMPORTANT CENTRAL MOMENT)
Full-screen. The prompt must sit prominently in the middle.
Use a beautiful code-block style container — darker panel background,
rounded corners, monospace font, constrained width, generous padding.
Top label: "This entire site started from a single prompt:"
Below code block: "Took ~60 seconds."
"No design tools. No coding. Just this."
SECTION 3 — THE SHIFT
"This changes something."
"If websites are this easy to create, people will start making
them for everything."
List: demos / ideas / pitches / small business pages / internal tools
SECTION 4 — BIG IDEA
Sparse, dramatic. Lots of whitespace.
"Websites become the new slide decks."
SECTION 5 — NOT JUST SLIDE DECKS
"Not just slide decks."
"People will create websites for all sorts of things."
Cards: a quick product demo / a personal project / a small business
page like a B&B / something to show a friend / a front-end prototype
"Not everything you make is meant for the whole internet."
SECTION 6 — THE PROBLEM
"But sharing them still sucks."
Three rows:
"Make it public" — "Too exposed"
"Add a password" — "Clunky"
"Set up accounts" — "Overkill"
"None of this feels like sharing a doc."
SECTION 7 — NON-TECHNICAL PEOPLE
"If you can create a website in seconds, you shouldn't need to set up
hosting, auth, or passwords just to show it to someone."
"Especially for non-technical people."
SECTION 8 — THE MOMENT
Sparse, high-impact.
"You just want to send it to a few people."
"Like you would a Google Doc."
SECTION 9 — THE SOLUTION
"Upload a website. Share it with specific people."
"They click → they see it."
"No setup." / "No passwords." / "No friction."
Feel like the product reveal.
SECTION 10 — CLOSING
"This site you're looking at took seconds to create."
"Sharing it should be just as easy."
Polished button: "Share this site"
On click: open a modal with email input, fake chips, Send button.
Technical requirements:
- Single complete HTML file
- All CSS and JS inline
- No frameworks, no build tools, no external libraries
- No placeholder lorem ipsum
- Subtle section transitions / fade-ins
- Tone: confident, elegant, future-looking