vaporwave

Vaporwave

"A surreal, nostalgic dream of 90s computing and pastel neon."

When to Use

Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.

Core Principles

1. Windows 95 / Mac OS 9 Motifs: UI elements designed to look explicitly like 1990s operating systems (grey boxes, hard bevels, blue title bars).
2. Surreal Pastels & Neons: A mix of soft pinks, cyans, and harsh neon overlays.
3. Collage Aesthetic: Mixing classical art (Roman busts), early 3D renders (checkerboard floors), and Japanese text (Kanji/Katakana).

Visual DNA

• Colors: Cyan (#00FFFF), Magenta (#FF00FF), Lavender (#E6E6FA), and classic Windows Grey (#C0C0C0).
• Typography: MS Sans Serif, Tahoma, or pixel fonts. Fullwidth characters (ＡＥＳＴＨＥＴＩＣ) are highly encouraged for headers.
• Styling: Hard, 1px outsets and insets to simulate 90s 3D buttons.

Web Implementation

• Use standard CSS borders to create the classic 90s button look.
• CSS Example:

body {
  background: linear-gradient(180deg, #ff99cc 0%, #99ccff 100%);
  color: #000;
  font-family: 'Tahoma', sans-serif;
  min-height: 100vh;
}

/* Windows 95 Style Window */
.vapor-window {
  background-color: #C0C0C0;
  border: 2px outset #fff;
  border-right-color: #808080;
  border-b