Tipografía cinética Plantilla web animada en HTML

La página de ejemplo

Low Ceiling. Sala de música en vivo en Fitzroy, Melbourne.

La idea

El techo bajo de la sala se vuelve el compás: el titular gigante salta a ritmo, choca contra el techo y se aplasta, y la banda de cada noche se arma letra por letra y toca como un ecualizador.

Qué probar

Elige una noche de la cartelera para ver el nombre de la banda armarse al compás, pasa el cursor sobre las letras para ensancharlas y engordarlas, y prende el sonido si quieres oír el ritmo.

Para quién

Música, eventos, festivales, medios, agencias y lanzamientos

Paleta

• #0E0D0C
• #F1EDE4
• #FF4B2B
• #8F8A80
• #34312C
• #5A564F

Tipografías

Roboto Flex + Instrument Serif

Cuidados del estilo

• Sala y bandas inventadas, con nombres verificados; nada de créditos de películas, videoclips ni marcas reales.
• El texto sigue siendo texto: se selecciona y los lectores de pantalla leen palabras enteras, no letras sueltas.
• Con movimiento reducido todo queda quieto y legible, y el sonido empieza apagado.

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.