Café Diorama Landing Page
Built for Marlo's Coffee, the sample brand inside the template
A café landing page whose hero is a real-looking miniature of the shop: a paint ribbon clears to it, and scrolling pushes the camera into its opening.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund. · Want it for your own café?
What to charge$1,500–3,500 for the one-page site with their menu, photos and hoursTypical freelance range for independent cafés and roasters. Not a promise of income · Selling to cafés and roasters
How it moves
A thick brown paint ribbon covers the screen and sweeps off along a loop, revealing a warm cream page: a big hand-drawn Marlo's Coffee wordmark, a short paragraph with Order Now and View Menu, and below it a cutaway storefront diorama (cream plaster box, orange timber interior, sage counter, olive tree) with the café's name on its sign and two tilted product cards at its corners. Scrolling pushes the camera into the shop's opening while the cards drift apart. Then: What are you in the mood for?, with café photos trailing the cursor and a collage spreading on scroll; Our Menu, with filter tabs over a grid of studio product shots; Host It at Marlo's, two large photos and a custom-menu card; three round contact buttons; and the close, the same shop at dusk on a maroon band, its lights coming on under a giant wordmark. All copy and image slots sit in one content file, the palette and fonts in one theme file.
What you get
- A tested build prompt · 10.1k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Sell this site
- Who buys it
- independent cafés and roasters
- What to charge
- $1,500–3,500 for the one-page site with their menu, photos and hours
- Find them on Google Maps
- ••••••••••••••••••••••••••••••
- The 30-second call pitch
- “Hi, I build websites for … I looked you up on Maps … Can I send you a two-minute video of it?”
- What the client supplies
- Photos, prices, hours, logo, and which slot each one replaces.
- The upsell
- The second thing to sell them after launch.
Inside the prompt
A one-page café site whose hero is a miniature of the shop. A thick brown paint ribbon covers the screen and sweeps away along a looping path. Under it is a warm cream page: a big hand-drawn wordmark, a short paragraph with two buttons, and a cutaway storefront diorama (cream plaster box, orange timber interior, sage counter, an olive tree) with two tilted product cards floating at its corners. The shop's sign carries the café's name, set in code. As you scroll, the camera pushes in toward the shop's opening while the cards drift apart.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
