Cordel and woodcut Animated HTML website template

The sample page

Goiva & Barbante. Cordel bookshop and press in Caruaru.

The idea

The woodblock becomes the chapbook’s living cover: it is carved, inked and printed before your eyes, then hung on the twine beside the others.

What to try

Wait about eight seconds while the gouge carves the bird, the roller inks it and the block prints it on the pink chapbook; then tap “Read an excerpt.”

Made for

Bookstores, festivals, cafés and publishers

Palette

• #F2E3C6
• #1B1714
• #E8A33D
• #D9667B
• #6FA7C9
• #C99A62

Typefaces

Holtwood One SC + Crimson Pro

Cultural notes

• Original woodcuts drawn in code; nothing copied from J. Borges, Samico or Dila.
• Original verse with real sextain meter and rhyme; cordel is never treated as naive.
• No sertão or cangaceiro clichés: a market, a street and houses with parapets.

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.