Stylogeny combining PC Music Graphics × Vaporwave

Try

Style combination · Contrasts

PC Music Graphics × Vaporwave

Both are ironic about consumer culture, but vaporwave collages faded pastel ruins of the 1990s, while PC Music renders one pristine new product.

From the research on PC Music Graphics

Mix them and make something PC Music Graphics Vaporwave

FINEPC Music Graphics × Vaporwave2013 · 2011
A sample layout drawn from the recipe: shapes from PC Music Graphics, their arrangement from PC Music Graphics, the finish from PC Music Graphics. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

PC Music Graphics Vaporwave

Type from Vaporwave
Colour from Vaporwave
Form from PC Music Graphics
Composition from PC Music Graphics
Surface from PC Music Graphics

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Vaporwave

Fine

Syncopate, standing in for Full-width Latin text (aesthetic)

Text · PC Music Graphics

The release artwork of London's PC Music label (2013-2023) and its immediate circle (Diamond Wright, Sophie, Timothy Luke): early hyperpop that treats a song as a polished synthetic product, not the later glitchy, maximalist hyperpop. One object, often a 3D render or a retouched portrait, gleams on a plain ground: plastic, milled aluminium, a pink capsule, a blue disc. Ideas are taken literally and pushed until strange, with puns on brands and computer culture. Dazed called the look 'bouncy, shiny, commercial, plastic, unnatural, metallic'.

Inter; PC Music Graphics used Custom display lettering after Rudolf Koch and Berthold Wolpe, with a Renaissance, woodcut feel and Comic Sans and other early-web system defaults, quoted knowingly

03

The colours

The ground and leading colours come from Vaporwave, with a counter-accent from PC Music Graphics. The ink reads on the ground at 4.5:1 or more.

PC Music Graphics Vaporwave

  • #1a1040 ground · 36%
  • #fffb96 ink · 14%
  • #01cdfe accent · 18%
  • #f2ff1f accent · 14%
  • #05ffa1 accent · 10%
  • #e0151f accent · 8%

As CSS

:root {
  --ground: #1a1040;
  --ink: #fffb96;
  --accent-1: #01cdfe;
  --accent-2: #f2ff1f;
  --accent-3: #05ffa1;
  --accent-4: #e0151f;
  --font-display: "Syncopate", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With PC Music Graphics

With Vaporwave

All 19 combinations with Vaporwave

Every style combination