vividsitesTencha
Tencha is a matcha room in Kyoto, and it is a whole site rather than one screen: seven blocks on a 1440 board, a hand-written spring engine on a single ticker, and three live scenes. The caddy and the raku bowl in the hero are lathed from profiles rather than photographed or loaded, lit by a baked studio and fitted to a fixed rectangle, so they lean toward the cursor, name themselves in a card, and turn when you grab them. Below, a granite tea mill whose radial grooves are the dial, a bamboo chasen standing among tencha flakes on a real rigid-body field, and a printer that feeds an order slip out in forty-six jerks. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Matcha Room
- Stack
- HTML, Three.js, Lenis
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.
