Juniper & Bean Cafe
A one-page cafe site: the menu with filters, the hours and where to find it.
V2 · 0:12 demoPlay
Full screenV2 · 12 KB · one HTML file
Sample data. Sample prices. The cafe, its owner and its address are made up.
Prompt
A one-page website1 What it does for a small cafe called Juniper & Bean2 Who it’s for, in cream and dark brown3 How it should feel: six drinks with prices, opening hours, the address, and filters for Coffee, Tea and Dessert4 What must happen. Use sample prices4 What must happen.Exactly as it was typed.
- What it doesWhat it is.
- Who it’s forWho it's for, by name.
- How it should feelThe colours, in two words.
- What must happenEverything the page must have. Says the numbers are made up, so nobody takes them for real ones.
What this teaches
Give the name, the colours and what the page must list; say the prices are samples.
- "in cream and dark brown" is the whole colour brief.
- "filters for Coffee, Tea and Dessert" turns the menu into something to use, not only read.
- "Use sample prices" keeps made-up numbers from passing as real ones.
Changes
Add a short section with the owner's story and make the filter buttons easier to tap on a phone.Change request · V1 → V2
What changed
- A short section tells the owner's story.
- The filter buttons are larger and easier to tap on a phone.
What stayed: The menu, its filters, the colours, the hours and the address are as before.
Try a change
Each one starts your own draft in the Studio. Nothing is built until you press Build.
How it was made
- V1 Built on Oct 14, 2026 · Direct · Verified on the second try · 505 s · Tested on desktop and phone · 1 AI Credit
- V2 Changed on Oct 14, 2026 · Verified on the first try · 91 s · Tested on desktop and phone · one change, no AI Credits
Known limitations
- The menu has four drinks and two desserts, not six drinks.
- Nothing can be ordered or paid for on the page.
- The menu is written into the page; changing a price means asking for a change.
More like this
Mara Lind, Illustrator
A one-page portfolio: who she is, six projects drawn in code, and how to get in touch.Quill Landing Page
A landing page for a made-up note-taking app, ending with an address to write to for early access.Summer Fair
An event page with your own poster as the banner, a schedule, a checklist and a map of where things are.