Overprint es una plantilla HTML premium de una sola página para estudios independientes de tipografía y risografía, papelerías y grabadores que quieren un sitio que parezca salido de una prensa, no armado con un kit.

Toda la identidad es un trabajo de risografía a dos tintas captado a mitad de tirada: cada título y forma clave se imprime dos veces, en rosa fluorescente y azul riso, ligeramente desregistrados, y donde las dos tintas se cruzan se multiplican en un tercer color real, el violeta de sobreimpresión. Pasa el cursor sobre un título y las planchas encajan en registro, como si el operador de la prensa hubiera movido la plancha. Está hecho con mix-blend-mode, no con una sombra falsa: el violeta es física, no un degradado.

QUÉ HAY DENTRO (10 secciones)

• Cabecera con marcas de corte y un titular desregistrado fuera del margen + un único botón en relieve seco «Solicitar una prueba»

• Un ensayo justificado, compuesto a mano, en forma de «hoja de pruebas» sobre una cuadrícula de línea base visible

• Servicios presentados como una lista de precios de impresión en tabla (no tarjetas con iconos)

• Una galería de trabajos a sangre completa en duotono con números de edición

• Un proceso de impresión: Plancha → Tinta → Registro → Tirada → Curado

• Una biblioteca táctil de muestras de papel y tinta con relieve seco tipográfico

• Una banda con retrato del estudio girado

• Un formulario de encargo en forma de ficha de trabajo «solicitar una prueba»

• Una tienda de ediciones con impresiones numeradas en forma de sello

• Un pie de página tipo colofón con una tira de calibración de color de impresor

POR QUÉ ES DIFERENTE

• Una seña de identidad que nunca habías visto en una plantilla: desregistro físico de tinta + ajuste de registro al pasar el cursor

• Elementos de imprenta siempre visibles: cuadrícula, marcas de corte en las esquinas, regla de línea base y un folio corrido en el margen

• HTML estático + Tailwind CSS: sin framework, sin paso de compilación, sube la plantilla a cualquier hosting

• Basada en tokens, totalmente responsive, texto e interfaz WCAG AA, grano de papel y trama de semitonos hechos con SVG real

• Fuentes alojadas en local (Fraunces + Spectral + IBM Plex Mono), Lighthouse 96 / 96 / 100 / 100

QUÉ OBTIENES

index.html · Tailwind CSS compilado y fuente · JS puro mínimo · fuentes alojadas en local · documentación · registro de cambios · notas de licencia.

Perfecta para estudios de tipografía y risografía, papelerías, grabadores, creadores de fanzines, editoriales independientes y ceramistas.

Demo en vivo (versión Lite gratuita): https://mcmxcixx.github.io/overprint/