Steampunk Plantilla web animada en HTML

La página de ejemplo

Hodinářství U Kyvadla. Relojería y autómatas en Vinohrady, Praga.

La idea

Un reloj de bolsillo se abre sobre el banco del relojero y su tren de engranajes, con puentes de alpaca y rubíes, marca la hora real de Praga.

Qué probar

Mueve el cursor para pasear la lámpara por el mecanismo y arrastra cualquier rueda para empujar todo el tren; con las flechas del teclado adelantas o atrasas las agujas, y solas vuelven a la hora de Praga.

Para quién

Relojerías, bares, juegos de mesa y eventos

Paleta

• #4B2E1E
• #B8893B
• #A4532F
• #2C4740
• #E9D9B6
• #2E2B28

Tipografías

IM Fell English + Special Elite

Cuidados del estilo

• Engranajes que sí engranan: relaciones de dientes reales (8 × 7,5 × 10) y un escape de 18 000 alternancias por hora.
• Sin personajes ni obras conocidas, sin marcas de relojes y nada del reloj astronómico de Praga; el nombre de la casa es inventado.
• Todo el texto va sobre papel o placas lisas, con contraste AA.

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.