vividsitesOrbit
Orbit is a fictional fintech whose one product is an 18-gram titanium card, and the hero is that card in live WebGL: brushed metal with an etched face and a gold chip, spinning in a cold beam of light full of falling dust, with SPEND behind it and WEIGHTLESS in front. Drag to spin it, click to turn it over, and the highlight follows your cursor across the metal. Below sit a rate ticker, a live bento, a spending chart on springs, a freeze switch and plans that re-material the same card in graphite or gold. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Fintech
- Stack
- HTML, Three.js, PBR Metal Card
How to use this prompt
- 01
Copy the prompt
Grab the full text — it carries the layout, motion, fonts and stack notes your AI needs.
- 02
Paste it into your AI coder
Claude Code, Cursor, v0, Lovable — anything that writes files. Paste it as-is.
- 03
The video is already wired
The prompt embeds a cloud URL for the source clip, so your coder fetches it automatically.
- 04
Make it yours
Swap the brand name, headline and accent colour. The motion and layout stay intact.
- 05
Ship it
Run the build and deploy to Vercel, Netlify, or any static host.
