Vaporwave

A glitched 90s nostalgia aesthetic born from internet culture -- filtering late-capitalist consumer imagery through a pastel pink-and-teal haze.

[ DESIGN AESTHETIC REFERENCE // ver 2.0 ]

▼ Explore Archive
VAPORWAVE DESIGN REFERENCE PASTEL GRADIENTS GREEK STATUARY VHS TRACKING WINDOWS 95 PALM TREES JAPANESE TEXT MARBLE DREAMS CHROMATIC ABERRATION DIGITAL PLAZA FORGOTTEN FUTURES VAPORWAVE DESIGN REFERENCE PASTEL GRADIENTS GREEK STATUARY VHS TRACKING WINDOWS 95 PALM TREES JAPANESE TEXT MARBLE DREAMS CHROMATIC ABERRATION DIGITAL PLAZA FORGOTTEN FUTURES
// SYSTEM.OVERVIEW

What Is Vaporwave?

Vaporwave appropriates and distorts imagery from late-capitalist consumer culture -- Greek statuary, early Windows operating systems, Japanese text, shopping mall architecture, and corporate clip art -- filtering everything through a pastel pink-and-teal haze. The visual language is deliberately lo-fi, ironic, and surreal, combining VHS tracking errors with marble busts, palm trees, and obsolete technology.

In web design, Vaporwave translates to pastel gradient backgrounds, retro UI chrome, grid overlays, glitch distortion, and a tone that hovers between sincere nostalgia and subversive parody.

// VISUAL.CHARACTERISTICS

Core Design Traits

The building blocks of vaporwave

pastel_gradients.exe

Pastel Pink & Teal Dominance

Soft, washed-out gradients that evoke faded VHS tapes and early computer displays. The foundational color story of the entire aesthetic.

classical_ruins.exe
🏛

Greek & Roman Statuary

Busts, columns, and classical sculptures used ironically as decorative motifs, juxtaposed with digital artifacts.

katakana_dream.exe

Japanese Text Accents

Katakana, hiragana, or kanji characters used decoratively, referencing 90s Japanese consumer culture and globalization.

win95_shell.exe
💻

Windows 95/98 UI Elements

Retro dialog boxes, title bars, scrollbars, and system fonts -- the chrome of obsolete operating systems repurposed as decoration.

grid_horizon.exe

Checkerboard & Perspective Grids

Wireframe floors and tiled patterns suggesting early 3D rendering software and the infinite digital horizon.

vhs_corrupt.exe
📼

VHS & Glitch Artifacts

Tracking errors, chromatic aberration, scan lines, and RGB color separation -- degradation as a deliberate stylistic choice.

palm_paradise.exe
🌴

Palm Trees & Tropical Plants

Synthetic, oversaturated tropical imagery evoking 80s/90s leisure culture, screensavers, and faux-paradise advertising.

marble_luxury.exe

Marble & Faux-Luxury Textures

Pink marble, chrome surfaces, and fake opulence -- the hollow grandeur of shopping mall aesthetics rendered digital.

sunset_ocean.exe
🌄

Dolphins, Sunsets & Water

Serene, dreamy motifs from stock photography and screensavers. The eternal sunset that never quite arrives.

// DESIGN.PRINCIPLES

How To Think Vaporwave

The philosophy behind the aesthetic

01

Embrace Irony & Ambiguity

Vaporwave is simultaneously nostalgic and critical of consumer culture. The tone should hover between sincerity and parody.

02

Layer Disparate Elements

Classical sculpture + digital glitch + corporate branding + Japanese text. The collision of unrelated cultural artifacts creates meaning.

03

Soft, Low-Contrast Pastels

Use pastel palettes rather than harsh neon. Distinguish from Cyberpunk -- Vaporwave is washed-out and dreamy, not dark and electric.

04

Intentional Degradation

Distort and degrade intentionally. Compression artifacts, color shifts, and tracking errors are features, not bugs.

05

Reference Obsolete Technology

Early Macintosh, Windows 95, dial-up internet, CD-ROMs. The material culture of a digital era that already feels ancient.

06

Deliberate Wrongness

Typography can be stretched, compressed, or set in inappropriate system fonts. Rules exist to be bent -- carefully and with intention.

07

Emptiness & Loneliness

Negative space evokes the lonely, surreal atmosphere of an abandoned digital mall. The mood is dreamy, melancholic, and slightly unsettling.

08

Curated Chaos

The clash of elements should feel intentional, not random. Every mismatched piece is placed with purpose to create a surreal but cohesive whole.

"The overall mood should feel dreamy, melancholic, and slightly unsettling -- simultaneously nostalgic and critical of consumer culture."

-- VAPORWAVE DESIGN PHILOSOPHY

// COLOR.SYSTEM

The Vaporwave Classic Palette

Fourteen colors from pastel haze to CRT dark

Pastel Pink

#FF71CE

Soft Rose

#FFB3D9

Hot Pink

#E50086

Aqua Teal

#01CDFE

Mint Dream

#05FFA1

Lavender Haze

#B967FF

Deep Violet

#6B2FA0

Sunset Orange

#FFA86A

VHS White

#FFFBFC

Faded Cream

#F5E6F0

CRT Dark

#1A0A2E

Grid Purple

#2D1B4E

Marble Gray

#C4B7C9

Static

#8B7E96

// TYPE.SYSTEM

Typography

Deliberately eclectic, always memorable

Display / Hero

Monoton 400
Retro outline display for large headlines

Digital Plaza

CRT / Terminal

VT323 400
Pixel/CRT monospace for retro UI

C:\VAPOR\> loading aesthetic_module...
[=====---------] 42% complete
> REALITY.EXE has stopped responding_

Pixel / 8-Bit

Press Start 2P 400
Decorative headlines, game-style elements

INSERT COIN TO CONTINUE
PLAYER 1 READY

Body Text

DM Sans 400/500/700
Clean geometric sans for readable content

Vaporwave typography is deliberately eclectic -- mixing system fonts, pixel fonts, and wide geometric faces in unexpected ways. Full-width or spaced-out letters create a dreamy, disconnected feeling. Typography can be deliberately "wrong" -- stretched, compressed, or set in inappropriate system fonts.

Japanese Accent

Noto Sans JP 400
CJK decorative text and labels

Subheadings

Space Grotesk 500
Geometric, wide -- modern contrast

Forgotten Futures Archive
// UI.COMPONENTS

Retro Window Components

Windows 95 UI chrome reimagined

layout_principles.txt
_ x

Layout Principles

  • Centered, medium-width containers (900-1100px)
  • Perspective grid backgrounds receding to vanishing point
  • Retro window/dialog layouts with faux title bars
  • Asymmetric, collage-style arrangements
  • Full-bleed pastel gradient backgrounds
  • Wide letter-spacing in headers for dreamy effect
  • Floating decorative elements as accents
section_anatomy.txt
_ x

Section Organization

  • Navigation: Retro title bar or minimal spaced links
  • Hero: Large gradient with Monoton headline
  • Content cards: Retro-framed on pastel backgrounds
  • Gallery: Collage grid with VHS overlays
  • Quote blocks: Wide letter-spaced centered text
  • CTA: Gradient background with retro buttons
  • Footer: Dark purple, Japanese text, pixel font
responsive.cfg
_ x

Responsive Approach

  • Maintain pastel gradients across all breakpoints
  • Reduce floating decorative elements on mobile
  • Stack collage layouts to single columns
  • Preserve letter-spacing, reduce font size
  • Retro dialogs shrink to fit mobile widths
// DESIGN.GUIDELINES

Do's & Don'ts

Rules for the aesthetic

[ DO ]

  • Use pastel pink-to-teal gradients as the foundational color story
  • Reference 90s digital culture: Windows 95 UI, early web graphics, clip art
  • Include Japanese text as decorative accents with cultural awareness
  • Apply VHS tracking lines, scan lines, and chromatic aberration subtly
  • Use extremely wide letter-spacing on display text
  • Mix classical imagery with digital glitch for surreal contrast
  • Incorporate retro UI elements: dialog boxes, pixel scroll bars
  • Maintain a tone that balances nostalgia with irony

[ DON'T ]

  • Use dark, high-contrast neon-on-black palettes (that is Cyberpunk)
  • Make the aesthetic too clean or polished -- degradation is essential
  • Use modern, minimalist UI patterns -- reference outdated interfaces
  • Overload with competing elements -- preserve emptiness and loneliness
  • Use aggressive, angular shapes -- favor soft gradients and curves
  • Forget the ironic distance -- this is not sincere 90s celebration
  • Use serif or script typefaces -- stick to system/pixel/geometric fonts
  • Apply the aesthetic randomly -- the clash should feel curated

Remember

The future was supposed to be different. It was supposed to be beautiful. Welcome to the abandoned shopping mall of the internet.

ヴェイパーウェイブ EVERYTHING IS ON SALE NOTHING IS REAL 未来はここにある DIGITAL DREAMS MARBLE & CHROME ABANDONED MALL VHS TRACKING PASTEL HAZE ヴェイパーウェイブ EVERYTHING IS ON SALE NOTHING IS REAL 未来はここにある DIGITAL DREAMS MARBLE & CHROME ABANDONED MALL VHS TRACKING PASTEL HAZE