Portuguese azulejo Animated HTML website template

The sample page

Azulejo Torto. Hand-painted tile workshop in Graça, Lisbon.

The idea

The workshop’s craft becomes the facade: tiles set and brush-painted one by one, the pattern’s rosette repeated across the whole wall.

What to try

Wait five seconds while the tiler sets and paints the facade and the afternoon sun arrives, then find the tile grandpa set crooked in 1952 and tap it.

Made for

Ceramic studios, interior design, hotels and restaurants

Palette

• #F5F3EE
• #1F3F8F
• #3D6FC4
• #E3A72F
• #2E7D5B
• #0F1E3D

Typefaces

Lusitana + Fira Sans

Cultural notes

• Original 2×2 pattern, border and emblem; no real panel or facade copied.
• No religious scenes: the only figurative drawing is a crooked tile with its brush.
• Azulejo and padrão used as generic craft terms, with no other factories’ trademarks or designs.

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.