3D product: leaded glass Animated HTML website template

The sample page

Kobberlys. Leaded stained glass studio in Bergen.

The idea

A leaded stained glass lamp becomes a jellyfish that switches itself on in a dark room and spills pools of colored light across the table and the wall.

What to try

Wait for the lamp to pull its own chain, scroll to walk around it, and open the exploded view to see its parts.

Made for

Design stores, lighting, jewelry and decor

Palette

• #0F1114
• #14B4C4
• #22B868
• #9D5CF0
• #FF6436
• #F2ECE0

Typefaces

Fraunces + Karla

Cultural notes

• It says “leaded stained glass” and “copper foil technique,” with no real artists or brands named.
• The lit glass keeps its jewel tones: the glow is moderate and only on what shines.
• The copy sits in the dark part of the room, never over the glass.

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.