Matcha bar
A minimal green website for a matcha bar with a short drinks menu, sourcing notes, hours and WhatsApp pre-orders.
- Sections 7
- Languages English and Arabic
- Look Minimal mono
What's inside
- Menu
- Why us
- How it works
- Reviews
- Questions
- Opening hours
- Contact
- Learn how it is made · OptionalStart the free course
Take the files, or let an AI tool build the same site.
Zip file, 46 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 matcha bar 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 the matcha bar prompt build?
- A minimal site with a short menu, why-us points, process, reviews and pre-order contact.
- Do I need many photos?
- Just a few drink and bar shots.
- Can I describe sourcing?
- Yes, there is a space for origin and grade.
- Does it show caffeine info?
- Yes, in the FAQ.
