vividsitesHalo
Halo is a launch page for a smart ring, and the ring on it is built from its own cross-section rather than photographed or modelled: a titanium lathe with a flex board, a cell and three sensors inside. Scroll and a clipping plane opens the shell like a section drawing; scroll further and the page goes to night, the sensors pulse at a resting heart rate, and a canvas draws the heart trace, the sleep arcs and the readiness score around the ring. Drag to spin it, pick a colourway. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Smart Ring
- Stack
- HTML, Three.js, Cutaway
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.
