Dusk Meadow Hero Interactive
A full-screen hero that is a live WebGL meadow at dusk: a purple night sky with the first stars, the last ember of light on the horizon, gusts rolling across the grass, and the pointer bending the grass on springs.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
What to charge$1,200–2,000 to drop the hero into their site with their title, palette and buttonTypical freelance range for makers of calm apps and audio products (focus, sleep and soundscape apps, meditation and breathwork apps, white-noise devices, nature-sound podcasts), and studios pitching them. Also any brand whose story is open country at the end of the day: a rural retreat or glamping site, a sleep or wellness brand, an outdoor label, a night-sky or stargazing tour. Not a promise of income
How it moves
One screen, nothing below it. A meadow at dusk drawn live in three.js: 78,000 tapered blades (20,000 on a phone) on rolling ground, the sun just set, its last ember lying thin on the horizon under a band of mauve and a deep violet sky where the first stars are out. The grass stands dark in violet light with its tips catching the glow, the far hills fade to violet silhouettes, and gusts roll across as soft bands of light. The pointer or a sideways swipe bends the grass away through a spring field: it holds a moment, then eases back upright with a little overshoot and settles, never snapping. The title 'Calm Sound for Focus and Sleep.' and one subtitle sit in warm white in the sky; the nav has the brand and one button. Reduced motion holds a still frame that still answers the pointer; machines without a GPU keep a painted dusk.
What you get
- A tested build prompt · 8.1k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Sell this site
- Who buys it
- makers of calm apps and audio products (focus, sleep and soundscape apps, meditation and breathwork apps, white-noise devices, nature-sound podcasts), and studios pitching them. Also any brand whose story is open country at the end of the day: a rural retreat or glamping site, a sleep or wellness brand, an outdoor label, a night-sky or stargazing tour
- What to charge
- $1,200–2,000 to drop the hero into their site with their title, palette and button
- Find them on Google Maps
- The 30-second call pitch
- “Hi, I build websites for … I looked you up on Maps … Can I send you a two-minute video of it?”
- What the client supplies
- Photos, prices, hours, logo, and which slot each one replaces.
- The upsell
- The second thing to sell them after launch.
Inside the prompt
One full-screen hero, nothing below it. A live meadow at dusk drawn in WebGL: tens of thousands of tall grass blades on rolling downland, the sun just gone, the last ember of light lying on the horizon under a band of mauve and a deep violet sky where the first stars are out. The grass stands in violet light with its tips catching the glow; gusts of wind roll across the field as soft bands of light. Move the pointer (or swipe sideways on a phone) and the grass bends away from it like real grass on springs: it holds a moment after you pass, then eases back upright with a little overshoot and settles. The title "Calm Sound for Focus and Sleep." and one small subtitle sit in the sky; the nav carries the brand and one button. The sample brand is Fallow, a calm-sound app.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
