Cine negro Plantilla web animada en HTML

La página de ejemplo

Soft Pedal. Coctelería clásica y jazz, Loop de Chicago.

La idea

La luz de la calle cruza la persiana y escribe el nombre del bar en la pared, y el cursor es la linterna del vigilante nocturno que busca lo que alguien dejó en el despacho.

Qué probar

Mueve el cursor como una linterna por el despacho (o usa las flechas ← →) para encontrar el sombrero, la carta, la llave, la trompeta y al gato, y pide la contraseña para que se encienda la lámpara.

Para quién

Bares, podcasts de misterio y librerías de novela negra

Paleta

• #0B0B0E
• #2B2B30
• #5E5D62
• #A3A09A
• #E6E1D6
• #D9963F

Tipografías

Bodoni Moda + Courier Prime

Cuidados del estilo

• Sin armas, gánsteres, violencia ni personajes: el misterio va solo por la luz y el texto.
• Ningún fotograma, cartel ni personaje de películas reales, ningún club de jazz real y nada de femme fatale.
• Contraste AA medido sobre la luz más brillante de la escena, aun con la linterna encima.

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.