Northern lights over a mirror lake
Live aurora curtains with shimmering rays above snowy peaks, reflected in a still lake — a hero for a travel or expedition brand.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a hero for [BRAND], a [TRAVEL / EXPEDITION] company, with live northern lights over mountains reflected in a lake. Offer: [ONE SENTENCE, e.g. small-group aurora trips] Headline: [LINE 1] / [LINE 2 in italic] Forecast card: [A FEW VALUES — e.g. Kp 5, "High activity", 8 hourly bars, best window] Technical rules - One file. Plain WebGL — one full-screen triangle and one fragment shader, no libraries or images. Google Fonts allowed (e.g. Cormorant + Manrope + JetBrains Mono). The scene (fragment shader)
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
- ✓Aurora curtains built from stacked layers of sky
- ✓Three mountain ranges with snow and rim light
- ✓A mirror lake with a gentle ripple
- ✓A glass forecast card with animated bars
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 3, with a step-by-step video walkthrough and AI feedback on your project.
