Moroccan zellige Animated HTML website template

The sample page

Menqach. Zellige workshop in Aïn Nokbi, Fez.

The idea

A zellige floor that glints piece by piece, and an eight-pointed star the visitor finishes setting.

What to try

Drag the eight blue pieces into their gaps and move the cursor to watch the light travel across the glaze.

Made for

Ceramic studios, hotels and riads, interior designers, restaurants and architects

Palette

• #0F6B5C
• #1D4E89
• #EFEADD
• #1C1B1A
• #D49A2A
• #EFE7D7

Typefaces

Reem Kufi + Readex Pro

Cultural notes

• Our own geometric pattern, with no inscriptions and no copies of madrasas or mosques.
• No exotic clichés: the craft and the irregular piece take center stage.
• Each piece varies in tone, sheen and shape, as hand-cutting does.

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.