Vaporwave

What defines it

• Pastel digital color
• Surreal collage
• Obsolete media references

What it asks of the project

Reading & layout

Open spacing for a slower reading pace

Visual emphasis

bold · illustrated

Implementation

Allow time for a coherent decorative or image layer and responsive checks.

Images & assets

A purposeful collage matters more than adding random retro symbols.

Color in use

Opaque text/surface: 16.75:1 · Text/accent: 5.70:1.

These pairs meet the normal-text minimum; check other surfaces separately.

Context

Compare the pastel-neon collage, floating objects, and artificial spatial depth. The examples emphasize a contemporary commercial interpretation of the mood.

Build it

1. Compose one deliberate collage
2. Use degraded texture as an image layer
3. Keep navigation outside the distortion

Typography

Monospace and restrained system typography can reference older software. Use meaningful language rather than decorative foreign glyphs.

Watch out for

Random Japanese text as decoration, inaccessible glitch effects, or assuming every work makes the same political argument.

A working interpretation

Original CSS composition with the same content and controls used in every direction. Image-led styles need additional artwork for their full expression.

Hand it to an agent

Point your agent at this guide, or save the files below.

Check the result

• Confirm: compose one deliberate collage.
• Confirm: use degraded texture as an image layer.
• Confirm: keep navigation outside the distortion.
• Review specifically for: Random Japanese text as decoration, inaccessible glitch effects, or assuming every work makes the same political argument.