Coffee shop
A quiet black-and-white website for a specialty coffee shop with a short menu, beans to take home and opening hours.
- Sections 7
- Languages English and Arabic
- Look Minimal mono
What's inside
- Menu
- Services
- Why us
- Opening hours
- Reviews
- Questions
- Contact
- Learn how it is made · OptionalStart the free course
Take the files, or let an AI tool build the same site.
Zip file, 49 KB: index.html, css, js, data/site.json with every word in English and Arabic, and a README.
Download the code (zip)Helpful guides:Which AI tool should I use?,How to ask AI so it works
Details
What it includes
- A complete brief for a coffee shop website with 7 sections, from hero to contact
- Exact colours, fonts and spacing for the minimal mono look
- Every line of copy written for you, in English and Arabic
- Right-to-left rules for the Arabic version
- A WhatsApp booking flow and a checklist to know it is finished
What it does not do
- It is a website design, not a shop with payments. Add those later with a database and a payment service.
- All names, brands, phone numbers and prices are invented examples. Replace them with yours.
- The Arabic text should be checked by a native reader before you show a client.
Look
Minimal mono
Languages
English and Arabic
Level
Beginner
Questions
- What does this prompt build?
- A minimal, monochrome coffee shop site with a short menu, beans, opening hours and a map-style contact block.
- Can I add online ordering?
- The prompt keeps it simple. You can ask your AI tool to add a WhatsApp order link.
- Which fonts does it use?
- A clean geometric sans for text and a larger weight for headings, no special font files required.
- What photos do I need?
- Three or four close photos of cups, beans and the bar in daylight.