Cassette futurism Animated HTML website template

The sample page

Pinch Roller. Analog recording studio in East Nashville.

The idea

The studio becomes its own machine: the hero is the front panel of the Mnemograph M-86, which plays when you press PLAY (the pinch roller the studio is named after clamps the tape) and books sessions on its amber screen.

What to try

Press PLAY to hear the demo with the reels and needles running, STOP to hear the tape wind down, and BOOK A SESSION to reserve an hour on the screen.

Made for

Musicians, tech, recording studios and video games

Palette

• #D8D0BE
• #3A3A38
• #1A1A18
• #FF9F1C
• #33FF66
• #C1272D

Typefaces

Michroma + Share Tech Mono

Cultural notes

• An invented machine and studio: no Alien or Blade Runner interfaces, no real-brand gear, and no real Nashville studios or musicians.
• Graphite silkscreen on beige and amber phosphor at AA contrast; the glow stays on headlines and short data.
• Sound only plays when you press a key, at a moderate volume, and the tape pauses when the tab is hidden.

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.