Cassette futurism Plantilla web animada en HTML

La página de ejemplo

Pinch Roller. Estudio de grabación analógica en East Nashville.

La idea

El estudio se vuelve su propia máquina: el hero es el panel frontal del Mnemograph M-86, que suena al presionar PLAY (el rodillo de presión que da nombre al estudio aprieta la cinta) y aparta sesiones en su pantalla ámbar.

Qué probar

Presiona PLAY para oír la demo con los carretes y las agujas en marcha, STOP para escuchar cómo frena la cinta y RESERVAR SESIÓN para apartar una hora en la pantalla.

Para quién

Músicos, tecnología, estudios y videojuegos

Paleta

• #D8D0BE
• #3A3A38
• #1A1A18
• #FF9F1C
• #33FF66
• #C1272D

Tipografías

Michroma + Share Tech Mono

Cuidados del estilo

• Máquina y estudio inventados: nada de interfaces de Alien o Blade Runner, ni equipos de marcas reales, ni estudios o músicos reales de Nashville.
• Rótulos en grafito sobre beige y fósforo ámbar con contraste AA; el brillo solo va en titulares y datos cortos.
• Suena solo al presionar una tecla, a volumen moderado, y la cinta se pausa al ocultar la pestaña.

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.