First screen
The clinic itself, not a stock smile.
The hero is a photograph of Tallah’s real waiting area under a warm Arabic headline, with the Google rating (4.8, 196 reviews) right under the actions. A family deciding where to go sees the place and the proof at once.
- Headline
- Tallah, 60px, weight 600
- Proof
- 4.8 on Google, first screen
- Actions
- 2, booking first
Navigation
Booking is in the header twice, on purpose.
The header carries the navigation and احجز موعدك (Book an appointment), and a lime bar beneath it offers online booking with a live offer countdown. For a clinic, the header is the booking form’s front door.
- Behaviour
- Fixed, 156px with offer bar
- Links
- 6
- Booking
- Header and offer bar
Typography
Its own Arabic typeface, set large.
The whole site uses the clinic’s own Arabic font. Body text is 22px with a 1.8 line height, larger than most sites, so it stays comfortable for every age, on any phone.
- Family
- Tallah (custom)
- Body
- 22px, line height 1.8
- Headlines
- 55 to 60px
Color
Warm neutrals, and green only where you book.
Sand and cream cover 90% of the page, which feels like a home rather than a clinic. Deep clinic green is reserved for booking and key actions, and lime marks offers. The eye learns in seconds that green means book.
Sand55%Cream35%Linen4%Clinic green4%Lime1%
- Neutrals
- 94%
- Clinic green
- Booking only
- Contrast
- 9.6 : 1
Page structure
Care, comfort, doctors, families, then a game.
The page moves from care that starts with the patient, through comfort and confidence, the doctors, the specialties, real reviews, and a small interactive moment where you clean a tooth, before the final booking invitation and the FAQ.
- Sections
- 10
Calls to action
Every label is in the patient’s own words.
احجز زيارتك الأولى (book your first visit), شاهد تجربة العيادة (see the clinic experience), تعرّف على أطبائنا (meet our doctors). The labels speak like the receptionist would, not like a website.
- Primary
- احجز زيارتك الأولى
- Size
- 203 × 51px
- Corners
- 7px
Mobile
On a phone, booking is the first thing you can tap.
The offer bar and online booking sit at the top, and the main booking button spans the full 358px width under the headline. Every booking path is reachable without scrolling.
- Primary button
- 358 × 49px
- Headline
- 35px
- Booking buttons
- 2 on the first screen