Letterpress Animated HTML website template

The sample page

Quoin & Platen. Letterpress print shop in Pilsen, Chicago.

The idea

The headline is set by hand: lead type drops into the composing stick and the press prints it in ink.

What to try

Type your word, pick an ink, press “Print proof” and move the cursor over the card.

Made for

Print shops, stationers, weddings, publishers, cafés and craft brands

Palette

• #F3EEE3
• #1E1D1B
• #C8102E
• #1F3D8A
• #7C8186
• #FBF8F1

Typefaces

Alfa Slab One + Work Sans

Cultural notes

• Fictional sample business.
• Still image with reduced motion.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.