カセット ・ ヴェイパーウェイヴ
A design system for dreaming in magnetic tape
Side A — Design Tokens & Components
01 / 12
Pastel vapor haze meets cassette chrome -- the colors of a mixtape left on a sun-bleached dashboard
Vapor Pastels
Cassette Chrome
Faded Sticker Tones
02 / 12
Four voices: pixel labels, terminal readouts, handwritten liner notes, and clean body text
03 / 12
Based on a 4px unit, like the gap between tape tracks
04 / 12
Transport controls for your interface -- press play on everything
05 / 12
Fill in the liner notes -- every mixtape needs metadata
Recording Quality
Options
06 / 12
Content containers with that warm analog glow
Saturday morning cartoons taped over your parents' wedding video. The tracking lines add character to every frame.
Foam headphone pads, a belt clip, and 90 minutes of carefully curated songs. The battery indicator flickers but the music never stops.
Waiting by the boombox with your finger on the record button, hoping the DJ doesn't talk over the intro this time.
07 / 12
System messages from the tape deck display panel
08 / 12
The heart of the aesthetic -- a physical tape rendered in pure CSS
09 / 12
Handwritten track listings on lined paper -- the original playlist
10 / 12
Walkman-inspired transport controls with LED display and EQ visualization
11 / 12
Tracking bars, timestamp overlays, and glitch artifacts from a worn-out tape
12 / 12
The warm phosphor glow of a late-night terminal session
C:\VAPOR\TAPES> dir /w
SUMMER92.MIX NITEDRIV.MIX DREAMS__.MIX
PLASTIC_.MIX FLORAL__.MIX NOSTALGI.MIX
ENDLESS_.MIX MIDNIGHT.MIX MEMORY__.MIX
9 file(s) 405,504 bytes
0 dir(s) 1,457,664 bytes free
C:\VAPOR\TAPES> play SUMMER92.MIX
Loading...