vividsitesUmbel
Umbel is a one-page site for a fictional mobility OS that opens on a pale architectural city model on a white plinth, its towers standing in front of the headline cities that flow. Move the cursor and the model tilts in real depth while a cobalt network boots from the glass transit hall, pulses outward along every tram line and lights up under your trail; click to send a ripple across it. Glass widgets ride the model, and below sit a live bento of six modules, a halftone night map with instrument traces, three case cities and rolling prices. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Urban Mobility Tool
- Stack
- HTML, Three.js, Depth Parallax 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.
