Psychedelic posters Animated HTML website template

The sample page

Wax Lantern. Record shop and listening bar, Haight Street.

The idea

The shop’s name becomes colored wax filling a lantern, and your cursor is the heat that melts it and makes it breathe.

What to try

Move your cursor or finger over the letters to melt them, then press “Drop the needle” to make them breathe to the beat.

Made for

Record shops, concerts, festivals and breweries

Palette

• #2F5BFF
• #FF4A2A
• #EE2D9A
• #CFF24A
• #FFF3DC
• #26103B

Typefaces

Kavoon + Outfit

Cultural notes

• Lettering, lantern, and moth drawn by us: no real posters, bands, or venues.
• Day, time, price, and buttons sit on a solid handbill with AA contrast; only the title plays.
• No flashing: the rings move slowly, and everything holds still 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.