Mexican lucha libre Animated HTML website template

The sample page

Arena Pirules. Sunday lucha libre show, Mexico City.

The idea

The star’s mask becomes the fight poster: it’s sewn together in mirror halves and steps into the ring between the ropes.

What to try

Watch the mask come together on load, move your cursor so its eyes follow you, and switch between técnicos and rudos to flip the poster to the other side.

Made for

Gyms, events, taquerías and video games

Palette

• #0B0B0F
• #E3122D
• #F5C400
• #1C4DD8
• #C0C4CC
• #F5F5F7

Typefaces

Anton + Barlow Condensed

Cultural notes

• Invented wrestlers, masks, arena and promoter, checked against real ones; no real masks.
• Made with affection and no violence: no blood or strikes, and lucha libre is credited as Mexico City heritage.
• Mouths and eye patches use original geometric shapes (beak and flame), never caricature.

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.