ABYSS — A Descent Into the Deep Ocean

Name: ABYSS — A Descent Into the Deep Ocean
Brand: Brand Motion Studios

Scroll down and you sink: a depth gauge counts to 6,000 metres while the light fades, the marine snow thickens and the water starts to glow.

A cinematic one-page site for a made-up deep-ocean research institute. It opens on a depth counter that runs to 4,000 metres, then a giant bioluminescent jellyfish over a lone diver, with drifting marine snow and shafts of surface light drawn live in WebGL over the photograph. The whole page is the descent: a gauge on the right reads depth, zone and pressure as you scroll, the light shafts fade out by the midnight zone, and glowing plankton takes over from the snow. Each zone (twilight, midnight, the abyss) opens from a small porthole to the full screen, then come the research numbers counting up, the submersible with hotspots that light up as you arrive, and three patron tiers. One HTML file with five generated photographs beside it; GSAP and ScrollTrigger from a CDN and nothing to install.

How to run this

Nothing to install and nothing to configure. Works in any modern browser on Windows, macOS and Linux.

Built with: Single HTML file
Requires: A modern browser

1. Unzip the download.
2. Double-click index.html. It opens in your browser and runs. To serve it instead (some browsers want a server), run npx serve . in the folder and open http://localhost:3000.

Note — GSAP and ScrollTrigger load from the cdnjs CDN and the typefaces from Google Fonts, so the first load needs an internet connection. The photographs are in the assets folder beside index.html; keep the two together. The water is drawn in WebGL, which every current browser has. Upload index.html and assets/ to any static host and it is live.

Prompt $5.99 · Source $15.99 · or All-Access

Unlock ABYSS — A Descent Into the Deep Ocean

Buy just the prompt, the full source, or get All-Access for every design in the store.

The prompt

$5.99

The exact prompt that built it. Paste it into Claude Code and make it yours.

Complete sourcePrompt included

$15.99

The finished build, as a download that runs today. The prompt comes with it.

Or get All-AccessEvery design in the store, from $69.30 a year

Secure checkout by Lemon SqueezySecure checkout by Razorpay · UPI, cards, netbanking
Instant access the moment payment clears
Anything broken on our side is fixed or refunded within 7 days. Policy

A prompt is a starting point, not a build script. AI models land differently on every run, so expect to refine the result — spacing, timing and copy — before it feels like the preview. The source pack is that preview, finished and running.

What's included

✦The complete build brief, with the file given in full, so an agent can rebuild the site exactly
✦The five image prompts behind every photograph on the page, written for a cost-effective image model
✦Complete source: one hand-written HTML file and its assets folder; double-click it and it runs
✦A raw WebGL layer of marine snow, bioluminescence and light shafts that reacts to depth and to the pointer
✦A scroll-linked depth gauge (metres, zone, pressure) and porthole reveals pinned with ScrollTrigger
✦A depth-counting preloader, a word-by-word manifesto, count-up research numbers and patron tiers

ABYSS — A Descent Into the Deep Ocean

How to run this

More like this

AURUM — Supersonic Private Air

Taj Mahal Keynote Site

MONOLITH — Compute Without a Horizon

BR Velluto Italian Café