Chams Din
Graphic Design — Web & App Full Stack Development

Dar Zitouna

Concept — 2026

Concept
Dar Zitouna — project overview

Identity

Dar Zitouna — primary logo lockup on creamDar Zitouna — reversed logo lockup on deep blueDar Zitouna — ز monogram mark

The Problem

Tunisian guesthouses depend almost entirely on booking platforms — 15 to 18% commission per night, no direct relationship with the traveler, and an identity diluted into a catalog listing. Dar Zitouna is a case in point: a three-room family home that deserves better than a standardized listing page.

The Approach

The palette was pulled from real photographs of the village, not a received idea of ‘Sidi Bou Saïd blue’ — hence the muted, broken blues, a slightly yellowed lime-wash white, and an amber drawn from the evening lighting. The logo takes its cue from the neighborhood's bilingual street signs: Arabic and Latin coexist from the outset, inside a double-rule frame. The Arabic typeface (Markazi Text) was chosen for its affinity with the Latin Cormorant Garamond. The site is trilingual FR/EN/AR with full RTL support — the entire layout mirrors, not just the text direction.

The Result

A four-step direct booking system, an identity that holds up across three languages, and a site where Arabic isn't a translation bolted on afterward.

Trilingual & RTL

FR

Dar Zitouna rooms page — French layout, left-to-right

AR

Dar Zitouna rooms page — Arabic layout, fully mirrored right-to-left

On Mobile

Dar Zitouna on mobile — rooms page
Dar Zitouna on mobile — experiences page
Dar Zitouna on mobile — gallery page
Dar Zitouna — experiences page, French
Dar Zitouna — gallery page, French
Dar Zitouna — home page, Arabic RTL layout
Dar Zitouna — gallery page, Arabic RTL layout

Palette

Blanc chaux

#F2EFE9

Bleu Sidi Bou

#4A7C94

Bleu profond

#1B4A5C

Ambre

#C89B3C

Encre

#1F2933

Built with

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Figma
  • Illustrator