Dar Coffeeدار

A familiar ritual.
A distinct presence.
An original café identity translated into a warm, purposeful website — in an Arabic-first edition and an earlier English concept.

Disciplines
Art direction / Responsive web / Arabic RTL
Provenance
Independent studio project
Year
2026
Demo
Live · Arabic edition + English concept
Dar Coffee Arabic edition: editorial hero with an original generated photograph of a coffee cup on sunlit stone
01

The brief

A café visitor needs to sense the character of the place, browse the menu and reach the visit details quickly — especially on a phone.

02

The approach

Generous editorial space, coffee-and-paper colours and an original generated concept image set the tone. The menu, visit details and questions get the same care as the identity: a category filter, mobile navigation, an FAQ and a local enquiry draft.

03

What you can verify

  1. Filter the menu by category.
  2. Open the mobile navigation and follow its section links.
  3. Expand the practical questions with keyboard or touch.
  4. Compose an enquiry: the fields are validated and a local draft is shown.
  5. Confirm the draft is never sent — no message, booking or payment.
04

Implementation & handoff

Editable HTML, CSS and JavaScript with no framework. The Arabic edition runs here as a static page; the earlier English concept uses an original CSS illustration. A real deployment would connect an agreed contact or booking service.

05

Honest context

Dar Coffee is a fictional café. Menu, prices and address are illustrative. The hero photograph is original generated concept imagery, not a real venue. Neither form sends, books or takes payment.