vividsitesHYALO
HYALO is a launch page for a fictional performance eyewear house and its first wraparound sport shield. The hero is a close portrait of a sprinter with a giant extended wordmark slotted between two WebGL layers of her, behind her head and in front of her chest. A thin-film shader on the lens shifts its colours with your cursor, ripples where you click and cycles through four coatings. Below, a pinned three.js scene explodes the lens into seven layers, followed by a frame picker with an iridescent wipe, tilting athlete cards, a fit gauge and a countdown drop. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Performance Eyewear
- Stack
- HTML, Three.js, Thin-Film Lens Shader
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.
