A clean, modern system inspired by the Damascus rose and Syrian market colors. Warm cream surfaces, deep plum type, a rose accent and soft color blocks, with bold expressive headlines.
Principle 01
Photography first
UI recedes; images lead.
Principle 02
Three taps to anywhere
Search and map always in reach.
Principle 03
Bilingual by design
Logical spacing, not mirrored hacks.
Principle 04
Color blocks, not clutter
Soft tints group content; rose marks actions.
01
Color
Neutrals · warm cream and plum grays
White
#FFFFFF · cards
Cream
#FFF9F3 · page
Sand 200
#F1E6DD · lines
Mauve 400
#ABA1B5 · disabled
Plum 600
#524868 · secondary
Plum Ink
#2A1B3D · text
Accents · used sparingly
Aa 5.0:1
Damask Rose
#C92A62 · primary action, links, save
Aa 6.4:1
Violet
#5B3FD9 · offers, events, highlights
Aa 16:1
Blush
#FDE7EF · selected, highlight surfaces
Aa 14:1
Plum
#2A1B3D · dark sections, events
02
Typography
Headlines in Bricolage Grotesque (English) and Alexandria (Arabic), bold and expressive. Readex Pro for all interface and body text in both languages, clean and highly readable.
DISPLAY · Bricolage 800 88/0.95 · mobile 48
Discover Syria
H2 · Bricolage 700 44/1.05 · mobile 30
Places worth experiencing
H3 · Readex 600 22/1.3
Walk through Old Damascus
BODY L · Readex 400 18/1.6 · max 68ch
Explore ancient cities, Mediterranean coastlines, mountain villages, deserts, food, culture and unforgettable local experiences.
Text sits beneath photography, never over it, so images stay clean and contrast is guaranteed. Hover: image scales to 1.04 over 400ms. Striped blocks mark where photography goes.
Destination · editorial, portrait 4:5
photo · {{ d.photo }}
{{ d.region }}
{{ d.name }}
{{ d.desc }}
Explorearrow_forward
Experience · landscape, horizontal scroll
photo · lanes of the old city at duskHistory & Heritage
Walk through Old Damascus
Seven gates, Roman columns and courtyard houses in one of the world's oldest continuously inhabited cities.
schedule3 hoursdirections_walkEasytranslateEN · AR
Hotel / stay
photo · courtyard hotel
Old City, Damascusstar4.8
Beit Al Mamlouka
CourtyardBreakfastWi-Fi
$95 / night
Event · compact list row
{{ e.mon }}
{{ e.day }}
{{ e.cat }}
{{ e.name }}
{{ e.city }} · {{ e.price }}
Restaurant · square
photo · mezze spread, top-downOpen now
Naranj
Syrian · Bab Sharqi, Damascus
star4.7
$$ · 1.2 km
06
Navigation
Desktop top bar · transparent over hero, solid ivory on scroll
Tap the heart on any place to start building your trip.
Skeleton loading · 1.2s shimmer, off with reduced motion
Gallery · 1 large + 4, "View all" on last
photo · hero
+ 42 photos
Review
SM
Sophie M.
Lyon, France · March 2026
star
We came at sunset when the courtyard marble turns gold. Our guide explained every mosaic. Go early on weekdays to avoid crowds.
09
Arabic RTL
Components use logical properties (start/end), so layout flips automatically. Directional icons (arrows, chevrons, back) mirror; universal icons (search, heart, play, clock) and map controls stay put. Numerals stay Western by default with an Eastern Arabic option in settings. Arabic text gets ~20% more line-height and shorter measure.
English · LTR
searchWhere will you go?
DAMASCUS · SYRIA
Umayyad Mosque
star4.9 · Historic site
العربية · RTL
searchإلى أين ستذهب؟
دمشق · سوريا
الجامع الأموي
star4.9 · موقع تاريخي
Motion
Fast 150ms · UI state Base 250ms · sheets, cards Slow 400ms · image zoom, page Easing cubic-bezier(.2,.7,.2,1)
Accessibility
Text ≥ 4.5:1 on white Targets ≥ 44 × 44 2px rose focus ring, 3px offset Reduced motion disables zoom & shimmer