Overprint ist eine hochwertige, einseitige HTML-Vorlage für unabhängige Letterpress- & Risograph-Studios, Schreibwarengeschäfte und Drucker, die eine Website wünschen, die aussieht, als sei sie vom Druck geführt — nicht aus einem Kit zusammengebaut.

Die gesamte Identität ist ein zweifarbiges Riso-Job, das mitten im Durchlauf festgehalten wird: Jede Überschrift und jede Schlüsselform wird zweimal gedruckt — Fluor-Pink und Riso-Blau, leicht aus dem Register — und dort, wo sich die beiden Tinten schneiden, multiplizieren sie sich zu einer echten dritten Farbe, Überdruck-Violett. Führen Sie mit der Maus über eine Überschrift, und die Platten springen ins Register, als hätte der Druckereinrücker die Platte justiert. Es ist mit mix-blend-mode gebaut, kein falscher Schatten — das Violett ist Physik, kein Farbverlauf.

WHAT'S INSIDE (10 Abschnitte)

• Randmarkierter Masthead mit einer Off-Margin-Fehldruck-Überschrift + ein einzelner eingravierter CTA „Proof anfordern“

• Ein rechtsbündiger, handgesetztter „Proof Sheet“-Aufsatz auf einem sichtbaren Grundlinienraster

• Fähigkeiten als tabellarische Druckpreis-Liste (nicht Icon-Karten)

• Eine Full-Bleed-Duotyp-Werkgalerie mit Editionsnummern

• Ein Druckprozess: Platte → Tinte → Registrierung → Abziehen → Aushärten

• Eine haptische Papier- & Tintenkarten-Bibliothek mit Letterpress-Einprägung

• Ein rotiertes Studio-Porträt-Band

• Ein „Proof anfordern“ Arbeitsauftrags-Formular

• Ein Editions-Shop mit numerierten, stempelgeformten Druckwerken

• Ein Kolophon-Footer mit einer Parkettfarbstrip-Calibrierung des Druckers

WHY IT'S DIFFERENT

• Eine Signatur, die Sie in einer Vorlage noch nie gesehen haben: physische Tintennachregistrierung + Registrierungs-Snap bei Hover

• Immer-wesende Druck-Module — sichtbares Raster, Ecken-Crop-Markierungen, Grundlinienführung, eine laufende Folio im Randbereich

• Statisches HTML + Tailwind CSS — kein Framework, kein Build-Schritt, einfach auf jedem Host einsetzen

• Token-gesteuert, vollständig responsive, WCAG AA Körper & UI, Papierstruktur + Halftone realisiert mit echtem SVG

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

WHAT YOU GET

index.html · kompiliert + Quelldateien Tailwind CSS · winziger Vanilla JS · selbst gehostete Schriftarten · Dokumentation · Changelog · Lizenzhinweise.

Perfekt für Letterpress/Riso-Studios, Schreibwarenhändler, Drucker, Zine-Hersteller, Indie-Verlage und Keramiker.

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