Glitch art Animated HTML website template

The sample page

Chromaslip. Experimental electronic music festival, Partick, Glasgow.

The idea

An old cinema’s signal becomes a 3D torus knot, and your cursor’s speed is the interference that breaks it.

What to try

Move your cursor fast to corrupt the signal; keep still, click or press R to resync it.

Made for

Electronic music, festivals, tech, fashion and media

Palette

• #050507
• #0B0C10
• #39FF88
• #FF2E88
• #2EE6FF
• #F2F2F2

Typefaces

Major Mono Display + IBM Plex Mono

Cultural notes

• Photosensitivity-safe: no abrupt change repeats more than twice a second (WCAG 2.3.1), tear strength and area are capped, the intro is gentle and reduced motion gets a still image.
• The glitch lives in the knot and a slight offset on the headline; all text sits on solid panels and stays readable.
• Invented, checked festival, venue and artist names; a real Glasgow neighbourhood with no street address.

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.