Overprint - це преміальний односторінковий HTML-шаблон для незалежних студій високого друку та рисографії, канцелярських магазинів і майстрів друкованої графіки, які хочуть сайт, що виглядає так, ніби його зняли з преса, а не зібрали з конструктора.

Уся айдентика - це двокольорова рисографічна робота, спіймана посеред друку: кожен заголовок і ключова форма друкується двічі, флуоресцентно-рожевим і рисо-синім, з легким зсувом, а там, де дві фарби перетинаються, вони множаться в справжній третій колір, фіолетовий накладення. Наведіть курсор на заголовок, і форми стають у приводку, ніби оператор преса зсунув форму. Це зроблено через mix-blend-mode, а не підробною тінню: фіолетовий - це фізика, а не градієнт.

ЩО ВСЕРЕДИНІ (10 секцій)

• Шапка зі знаками обрізу, зсунутим за поле заголовком + єдиною тисненою кнопкою «Замовити пробний відбиток»

• Вирівняне, набране вручну есе у вигляді «пробного аркуша» на видимій сітці базових ліній

• Послуги у вигляді табличного друкарського прайс-листа (без карток із піктограмами)

• Галерея робіт на всю ширину у двоколірному стилі з номерами тиражу

• Друкарський процес: Форма → Фарба → Приводка → Відбиток → Висихання

• Тактильна бібліотека зразків паперу та фарб із тисненням високого друку

• Нахилена смуга з портретом студії

• Форма замовлення у вигляді робочого талона «замовити пробний відбиток»

• Магазин тиражів із нумерованими відбитками у формі штампів

• Футер у стилі вихідних даних із друкарською смугою калібрування кольору

ЧОМУ ЦЕ ІНШЕ

• Фірмова ознака, якої ви ще не бачили в шаблонах: фізичний зсув фарби + повернення в приводку при наведенні

• Постійні друкарські елементи: видима сітка, кутові знаки обрізу, лінування базових ліній і наскрізний колонцифр на полі

• Статичний HTML + Tailwind CSS: без фреймворків і етапу збірки, розмістіть на будь-якому хостингу

• На основі токенів, повністю адаптивний, текст та інтерфейс за WCAG AA, зерно паперу й растр напівтонів зроблені справжнім SVG

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

ЩО ВИ ОТРИМУЄТЕ

index.html · скомпільований і вихідний Tailwind CSS · мінімальний чистий JS · шрифти на власному хостингу · документація · журнал змін · примітки щодо ліцензії.

Ідеально для студій високого друку та рисографії, канцелярських магазинів, майстрів друку, творців зинів, незалежних видавців і кераміків.

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