Rind
A product story told in slow motion - macro footage of the product bursting apart fills the screen while scroll drives the narrative chapter by chapter. Built from our watermelon brand work: playful copy, cinematic footage, and a “scroll to unrind” structure that makes an everyday product feel like an event.
What is included: the full-bleed slow-mo hero with quiet corner copy, numbered scroll chapters with a side progress rail, the skip link for impatient buyers, a product/flavor grid that lands after the film, and footer CTA band.
Customize it: swap the footage, the verb (unrind, unwrap, uncork) and the chapter lines. The prompt explains how to pace chapters against clip length.
The prompt
Build a single-product story page called "Rind" - an everyday product made cinematic. Mine is watermelon; the structure ...
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.
