Overprint est un modèle HTML premium d'une seule page pour les ateliers indépendants de typographie et de risographie, les papetiers et les graveurs qui veulent un site qui semble sorti d'une presse, et non assemblé à partir d'un kit.

Toute l'identité est un travail riso en deux couleurs saisi en pleine impression : chaque titre et chaque forme clé est imprimé deux fois, en rose fluo et en bleu riso, légèrement décalés, et là où les deux encres se croisent, elles se multiplient en une véritable troisième couleur, le violet de surimpression. Survolez un titre et les plaques se remettent en repérage, comme si l'opérateur de la presse avait poussé la plaque. Il est construit avec mix-blend-mode, pas avec une fausse ombre : le violet relève de la physique, pas d'un dégradé.

CE QU'IL CONTIENT (10 sections)

• Bandeau d'en-tête avec traits de coupe, titre mal repéré hors marge + un unique bouton « Demander une épreuve » en gaufrage

• Un essai justifié, composé à la main, façon « feuille d'épreuves » sur une grille de ligne de base visible

• Des prestations présentées comme un tarif d'impression en tableau (pas de cartes à icônes)

• Une galerie de réalisations duotone pleine largeur avec numéros d'édition

• Un processus d'impression : Plaque → Encre → Repérage → Tirage → Séchage

• Une bibliothèque tactile d'échantillons de papier et d'encre avec gaufrage typographique

• Un bandeau avec portrait de l'atelier incliné

• Un formulaire de commande façon fiche de travail « demander une épreuve »

• Une boutique d'éditions d'estampes numérotées en forme de tampon

• Un pied de page façon colophon avec une bande de calibrage des couleurs d'imprimeur

POURQUOI IL SE DISTINGUE

• Une signature jamais vue dans un modèle : décalage physique des encres + remise en repérage au survol

• Des éléments d'imprimerie toujours présents : grille visible, traits de coupe aux angles, réglure de ligne de base et folio courant dans la marge

• HTML statique + Tailwind CSS : aucun framework, aucune étape de compilation, déposez-le sur n'importe quel hébergement

• Piloté par des tokens, entièrement responsive, texte et interface conformes WCAG AA, grain du papier et trame de demi-teintes réalisés en vrai SVG

• Polices auto-hébergées (Fraunces + Spectral + IBM Plex Mono), Lighthouse 96 / 96 / 100 / 100

CE QUE VOUS OBTENEZ

index.html · Tailwind CSS compilé + source · JS natif minimal · polices auto-hébergées · documentation · journal des modifications · notes de licence.

Parfait pour les ateliers de typographie et de risographie, les papetiers, les graveurs, les créateurs de fanzines, les éditeurs indépendants et les céramistes.

Démo en ligne (version Lite gratuite) : https://mcmxcixx.github.io/overprint/