Matcha Ritual
A one-page product site in the style of our matcha build - soft cream canvas, oversized serif display type, a bezel-framed video card, and numbered chapters that reveal as you scroll. Built for a single hero product with a story to tell.
What is included: hero with video card, four content chapters with scroll reveals, an ingredient/benefit strip, a price card with an animated strike-through anchor, and a footer CTA band.
Customize it: replace the product name, the five chapter titles and the price pair. The structure holds for any single-product story - tea, skincare, a course, a printed book.
The prompt
Build a one-page product site called "Matcha Ritual" - cream editorial, one product, chaptered story. Tokens: --cream: ...
Unlock this prompt with Standard or Lifetime.
Unlock all prompts - $299 lifetime →How to use it
- Copy the prompt and paste it into Claude, Cursor or any AI coding tool - current models give the best results.
- Replace the marked tokens (colors, copy, media file names) before you run it.
- Run it, open the result in a browser, then iterate in small steps - one change per message.
Customize it
- Palette and type live in the token block at the top of the prompt - change those first, nothing else.
- Keep the motion values as written on the first pass; tune them only after you have seen the default.
- Swap media last, matching the aspect ratios the prompt names.
