Overprint — Letterpress & Risograph Studio Website Template (HTML + Tailwind)

Overprint ist ein Premium-HTML-Template für eine einzelne Seite für unabhängige Letterpress- & Risograph-Studios, Papierwarenläden und Druckmacher, die eine Website wollen, die wirkt, als wäre sie direkt von der Presse gezogen — nicht zusammengesteckt aus einem Baukasten.

Die gesamte Identität ist ein Zwei-Farben-Riso-Job, eingefangen mitten im Lauf: Jede Überschrift und jede zentrale Form wird zweimal gedruckt — fluoro Pink und Riso-Blau — leicht außerhalb der Passerung, und dort, wo sich die beiden Farben überlagern, multiplizieren sie sich zu einer echten dritten Farbe: Overprint-Violett. Fahre mit der Maus über eine Überschrift, und die Platten springen in die Passerung zurück — als hätte der/die Drucker:in die Platte nachjustiert. Es ist mit mix-blend-mode gebaut, nicht mit einem Fake-Shadow — das Violett ist Physik, kein Gradient.

WAS DRIN IST (10 Abschnitte)

• Beschnittmarkierter Masthead mit einer außermittig fehlregistrierten Headline + einem einzelnen geprägten „Request a proof“-CTA

• Ein rechtsbündiges, handgesetztes „proof sheet“-Essay auf einem sichtbaren Baseline-Grid

• Fähigkeiten als tabellarische Druck-Preisübersicht (nicht als Icon-Karten)

• Eine Work-Galerie im Full-Bleed-Duotone mit Editionsnummern

• Ein Pressprozess: Plate → Ink → Register → Pull → Cure

• Eine haptische Bibliothek für Papier- & Tintendetails mit Letterpress-Deboss

• Ein rotierter Studio-Porträt-Band

• Ein „request a proof“-Jobticket-Kommissionsformular

• Ein Editions-Shop mit nummerierten, stempelartigen Drucken

• Ein Colophon-Footer mit einer Color-Bar-Kalibrierungsleiste für Drucker

WARUM ES ANDERS IST

• Eine Signatur, die du in keinem Template gesehen hast: physische Tintenfehlregistrierung + Register-Snap beim Hover

• Immer sichtbare Print-Furniture — sichtbares Grid, Eck-Beschnittmarken, Baseline-Ruling, ein laufendes Folio im Rand

• Statisches HTML + Tailwind CSS — kein Framework, kein Build-Step, einfach auf jeden Host legen

• Token-basiert, vollständig responsiv, WCAG AA für Body & UI, Papierkorn + Halftone mit echtem SVG

• Selbst gehostete Fonts (Fraunces + Spectral + IBM Plex Mono), Lighthouse 96 / 96 / 100 / 100

WAS DU BEKOMMST

index.html · kompiliertes + Quell-Tailwind-CSS · kleines Vanilla-JS · selbst gehostete Fonts · Dokumentation · Changelog · Lizenzhinweise.

Perfekt für Letterpress/Riso-Studios, Papierwarenläden, Druckmacher, Zine-Macher, Indie-Publisher und Keramiker.

Live-Demo (kostenfreie Lite-Version): https://mcmxcixx.github.io/overprint/