Coffee roastery
An editorial site for a coffee roastery with single-origin beans, blends, a subscription, brew guides and wholesale information for cafes.
- Sections 9
- Languages English and Arabic
- Look Editorial
What's inside
- Menu
- Services
- Packages
- How it works
- Why us
- Reviews
- Questions
- Booking
- +1
- Learn how it is made · OptionalStart the free course
Take the files, or let an AI tool build the same site.
Zip file, 50 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 roastery website with 9 sections, from hero to contact
- Exact colours, fonts and spacing for the editorial 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
Editorial
Languages
English and Arabic
Level
Intermediate
Questions
- What is in this prompt?
- A brief for an editorial coffee roastery site: origins, subscription, wholesale and brew guides.
- Can I sell online?
- The form builds a WhatsApp order. Add a payment link later if you want.
- Do I need bag photos?
- Yes, flat-lay bag photos on neutral backgrounds work well. Placeholders are included.
- Is it Arabic-friendly?
- Yes, with right-to-left layout and Arabic-first copy.