Abu Dhabi Municipality Approved

Internal reference

Style Guide

Colour, typography, spacing and interface components used across the Ebhar Desert website.

01

Colour

Navy / Primary #032A64 --navy
Navy Deep #021D45 --navy-deep
Navy Light #0B3F8C --navy-light
Gold / Accent #D4A64A --gold
Gold Deep — icons & rules #B98C33 --gold-deep
Gold Text — on light bg #866324 --gold-text
Sand / Alt surface #F6F4EF --sand
White #FFFFFF --white
Ink / Body text #101826 --ink
Muted text #5A6478 --muted
Hairline #E3E6EC --line

Gold is an accent: CTAs, icons, rules and emphasis only — never as large fills, so it reads premium rather than decorative.

Three golds, one job each: light for dark grounds and fills, mid for icons and rules (3:1 suffices for graphics), dark for text on light backgrounds (4.5:1). Never set the light gold as text on white — it measures 3.06:1 and fails AA.

02

Typography

H1 / Sora 700

Maintenance standards

H2 / Sora 600

Annual Maintenance Contracts

H3 / Sora 600

AC Maintenance & Servicing

Lede / Plex 400

Introductory copy used at the top of sections.

Body / Plex 400

Body copy at 16px with a 1.7 line height for long-form legibility.

Eyebrow / 600 caps

Service Area

English: Sora for headings, IBM Plex Sans for body. Arabic: IBM Plex Sans Arabic throughout, with the full layout mirrored to RTL.

04

Icons

ac
plumbing
electrical
painting
ceiling
cladding
concrete
stone
paving
landscape
handyman
contracting
cleaning
pool
equipment
poolcare
poolclean
poolrepair
shield
check
phone
mail
whatsapp
pin
clock
doc
users
star
calendar
building

05

Service card

06

Project & testimonial cards

Shown here as design samples only. No fabricated content appears on the live pages.

SAMPLE

Saadiyat Island · 2026 · 7 weeks

Sample project card

Layout demonstration only — real project entries are published as work completes.

  • General Contracting & Renovation
  • Painting & Finishing
SAMPLE

★★★★★

Sample layout only. Real testimonials appear here once clients provide them, with name, community and service shown.
A. Al Mansoori Khalifa City · AC Maintenance

07

Spacing & grid

  • Max content width 1240px; narrow measure 760px for long-form text.
  • Spacing scale on a 4px base: 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96.
  • Services grid: 4 columns desktop, 2 tablet, 1 mobile.
  • Border radius kept at 2px — an architectural language, not a consumer-app one.
WhatsApp Us