Mashrabiya Animated HTML website template

The sample page

Lattice & Lime. Boutique hotel in al-Gamaliya, Cairo.

The idea

The room’s lattice becomes a sundial: the pattern of light it casts walks across the floor and tells the time in Cairo.

What to try

Slide the sun bead along the rail at the top, or drag across the room, to watch the lattice’s light cross and stretch over the floor from morning to evening.

Made for

Hotels, restaurants, spas and architecture

Palette

• #5A3A22
• #8B5E3C
• #E9DCC6
• #2B2B2B
• #F6C667
• #2E1F14

Typefaces

El Messiri + Tajawal

Cultural notes

• An original lattice and pattern, not copied from any real building.
• No Arabic text, no religious inscriptions and no Orientalist clichés.
• All text sits on solid panels, never over the lattice.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.