Gothic stained glass Animated HTML website template

The sample page

Glasroos. Stained-glass workshop in Bruges.

The idea

Each glass sample becomes the whole window, and its color is the light it casts on the stone floor as the afternoon moves on.

What to try

Scroll to move the sun from 1 to 6 PM, and pick another glass (Kobalt, Robijn or Woud) to recolor the window.

Made for

Glassmakers, restorers, craftspeople, wineries and record labels

Palette

• #0B0B13
• #1F52C2
• #B8132F
• #1E8C4E
• #F2B92B
• #F4EEDC

Typefaces

Marcellus + Alegreya Sans

Cultural notes

• No religious scenes and no copies of real Bruges churches, windows, or rose windows.
• Text always sits on a solid panel, never on the glass.
• Inscriptional Roman type, not blackletter.

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.