Glitch art Plantilla web animada en HTML

La página de ejemplo

Chromaslip. Festival de electrónica experimental en Partick, Glasgow.

La idea

La señal de un viejo cine se vuelve un nudo toroidal en 3D, y la velocidad de tu cursor es la interferencia que lo rompe.

Qué probar

Mueve el cursor rápido para corromper la señal; quédate quieto, haz clic o pulsa R para resincronizarla.

Para quién

Música electrónica, festivales, tecnología, moda y medios

Paleta

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

Tipografías

Major Mono Display + IBM Plex Mono

Cuidados del estilo

• Seguro para fotosensibilidad: ningún cambio brusco se repite más de 2 veces por segundo (WCAG 2.3.1), con intensidad y área del desgarro limitadas, entrada suave e imagen fija con movimiento reducido.
• El glitch vive en el nudo y en un leve desfase del titular; todo el texto va en paneles sólidos y se lee siempre.
• Festival, sala y artistas inventados y comprobados; barrio real de Glasgow sin dirección exacta.

El HTML

Qué descargas

• Un solo archivo index.html, sin instalar nada: lo abres, cambias tu marca y tus textos, y lo subes a tu hosting.
• En español e inglés, probado en computadora y en celular.
• Instrucciones para cambiar textos, colores, idioma y precios, y su licencia de uso.