カセット ・ ヴェイパーウェイヴ

Cassette Vaporwave

A design system for dreaming in magnetic tape

Side A — Design Tokens & Components

Chromium Dioxide • Type II • 90 min

Color Palette

Pastel vapor haze meets cassette chrome -- the colors of a mixtape left on a sun-bleached dashboard

Vapor Pastels

Vapor Pink
#FF71CE
Vapor Purple
#B967FF
Vapor Cyan
#01CDFE
Vapor Mint
#05FFA1
Vapor Yellow
#FFFB96
Vapor Peach
#FFB7C5

Cassette Chrome

Chrome Light
#E8E0D4
Chrome Mid
#B8A99A
Tape Brown
#5C3D2E
Label Cream
#FFF8E7

Faded Sticker Tones

Faded Magenta
#C46B9B
Faded Lavender
#9B7FC4
Faded Sky
#7BB8D4
Faded Coral
#D4867B

Typography

Four voices: pixel labels, terminal readouts, handwritten liner notes, and clean body text

Display / Press Start 2P clamp(1.5rem, 4vw, 3rem) / 400
REWIND TO 1992
Terminal / VT323 2.5rem / 400
PLAY > STOP > REW > FF >
Handwritten / Caveat 2.2rem / 400-700
Side A: Songs that remind me of summer nights, driving nowhere with the windows down
Body / Inter 1rem / 300-600
The cassette tape was the most intimate music format ever created. Each mixtape was a handcrafted love letter, a careful sequence of songs chosen for one specific person. The hiss of magnetic tape, the satisfying click of the play button, the ritual of flipping from Side A to Side B.
Katakana Accent VT323 / 2rem
ミックステープ ・ エンドレス・サマー

Spacing Scale

Based on a 4px unit, like the gap between tape tracks

XS
4px
SM
8px
MD
16px
LG
24px
XL
32px
2XL
48px
3XL
64px
4XL
96px

Buttons

Transport controls for your interface -- press play on everything

Primary variants

Sizes

States

Forms

Fill in the liner notes -- every mixtape needs metadata

The name on the cassette label

Recording Quality

Options

Cards

Content containers with that warm analog glow

📼

VHS Memories

Saturday morning cartoons taped over your parents' wedding video. The tracking lines add character to every frame.

🎧

Walkman Days

Foam headphone pads, a belt clip, and 90 minutes of carefully curated songs. The battery indicator flickers but the music never stops.

📻

Radio Recordings

Waiting by the boombox with your finger on the record button, hoping the DJ doesn't talk over the intro this time.

Alerts

System messages from the tape deck display panel

Info
Insert cassette tape and press PLAY to begin. Auto-stop will engage at end of tape.
Success
Recording complete. Side A: 44:32 / Side B: 43:18. Dolby NR engaged.
Warning
Tape tension irregular. Press STOP, then FF to end and REW to reset alignment.
Error
Tape jam detected. Open cassette door carefully. Do not pull tape manually.

Cassette Tape

The heart of the aesthetic -- a physical tape rendered in pure CSS

Vapor Chrome • Type II • High Position
Endless Summer Mix
Side A — 45:00

Mixtape Card

Handwritten track listings on lined paper -- the original playlist

Late Night Drive
Side A
  1. Nightcall 4:17
  2. Resonance 3:32
  3. Plastic Love 4:51
  4. Floral Shoppe 3:44
  5. Nobody Here 2:58
  6. Summer Night 5:02

Tape Deck

Walkman-inspired transport controls with LED display and EQ visualization

Vapor Deck Model VW-1992
00:24:17 PLAY

VHS Elements

Tracking bars, timestamp overlays, and glitch artifacts from a worn-out tape

● REC 00:24:17 SP
PAUSE 01:32:44 LP

CRT Screen

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...