Terra Noir
From soil to pour. A single-origin coffee brand told in one breath - misted plantations under the volcano, a scroll that carries the harvest from the hillside into the cup, and a serif-led shop that sells the place as much as the roast.
What is included: the plantation film hero with the two-register headline (“FROM SOIL / TO POUR”), the harvest-to-cup scroll story with copy beats timed to the footage, a WebGL steam wisp over the final pour, origin facts in big serif numbers (altitude, varietal, harvest), the bag shop grid and club band.
Customize it: your origin story and your bags - the structure holds for any single-origin product with a place behind it.
The prompt
Build a single-page, scroll-driven website for a fictional specialty coffee brand called "Terra Noir" (tagline: ...
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.
