Overprint — это премиальный одностраничный HTML-шаблон для независимых студий letterpress & risograph, канцлерии и печатников, которые хотят сайт, выглядящий так, будто его «сорвали с печатного станка», а не собрали из набора.

Вся айдентика — это двухцветная riso-работа, пойманная на полпути: каждый заголовок и ключевая форма отпечатаны дважды — флуоресцентным розовым и riso-синим, слегка не в совмещении, — и там, где две краски пересекаются, они умножаются в реальный третий цвет, overprint фиолетовый. Наведите на заголовок — пластины «щёлкают» в совмещение, будто оператор станка чуть подвинул пластину. Он собран на mix-blend-mode, а не на «фейковой» тени — фиолетовый — это физика, а не градиент.

ЧТО ВНУТРИ (10 секций)

• Мачтовая часть с метками реза, смещённым от полей (off-margin) заголовком и одним тиснёным «Request a proof» CTA

• Обоснованное, «ручное» эссе «proof sheet» на видимой базовой сетке

• Возможности в виде табличного прайс-листа печати (а не иконок-карточек)

• Галерея работ в режиме duotone во всю ширину с номерами тиража

• Печатный процесс: Plate → Ink → Register → Pull → Cure

• Тактильная библиотека образцов бумаги и чернил с тиснением letterpress

• Полоса с портретом студии, повернутая на угол

• Форма заявки на комиссию «request a proof»

• Магазин изданий с пронумерованными отпечатками в форме штампа

• Футер с колофоном и калибровочной цветовой полосой принтера

ПОЧЕМУ ОН ОТЛИЧАЕТСЯ

• Подпись, которую вы ещё не видели в шаблонах: физическое несоответствие (misregistration) печатной краски + «щёлк» в совмещении при наведении

• Постоянная «печатная мебель» — видимая сетка, угловые метки реза, базовая линеаризация, бегущая колонцифра в полях

• Статичный HTML + Tailwind CSS — без фреймворка, без сборки: просто добавьте на любой хост

• Токен-зависимый дизайн, полностью адаптивный, WCAG AA для текста body и UI, фактура бумаги + растр выполнены настоящими SVG

• Шрифты с самохостингом (Fraunces + Spectral + IBM Plex Mono), Lighthouse 96 / 96 / 100 / 100

ЧТО ВЫ ПОЛУЧИТЕ

index.html · скомпилированный + исходный Tailwind CSS · небольшой vanilla JS · шрифты с самохостингом · документация · changelog · заметки о лицензии.

Идеально для студий letterpress/riso, канцелярии, печатников, создателей zine, независимых издателей и керамистов.

Живой демо-показ (бесплатная Lite-версия): https://mcmxcixx.github.io/overprint/