Space 404 page with a tumbling astronaut and mini game
A playful 404: a code-drawn astronaut tumbles in front of a giant 404 on a drifting tether, above a planet horizon — and you can catch stars to restore the signal.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a playful 404 page for [PRODUCT NAME] — an astronaut tumbling in space in front of a giant "404", with a small catch-the-stars game. Headline: [e.g. This page drifted / out of orbit.] Palette: [e.g. deep space #04051a, violet #7a6cf0, cyan #7ee8ff, star gold #ffd27a] Technical rules - One file, plain HTML/CSS/JS with canvas 2D and inline SVG. No libraries, no images. Google Fonts allowed (e.g. Unbounded + Sora + DM Mono). - Use a seeded random so the sky is the same on every load. The scene
The full prompt comes with the course
All 55 prompts in the library are part of the Vibewrights course. Enrollment opens in January 2027 — join the waitlist to get the founding-member price.
See what's includedWhat you'll get
- ✓A parallax starfield and planet horizon drawn on canvas
- ✓An astronaut drawn in SVG, plus a Verlet-physics tether
- ✓A tiny catch-the-stars game with score and a signal meter
- ✓A 404 page that still gets people home in one click
How to use it
- 1Replace everything in [BRACKETS] with your own product, copy and colors.
- 2Paste it into Claude Code, Cursor, Lovable or Bolt and open the page in Chrome.
- 3Compare with the live demo, then tune one thing at a time.
— From the course
You'll build this end-to-end in Module 9, with a step-by-step video walkthrough and AI feedback on your project.
