Stylogeny combining Vaporwave × Ma

Try

Style combination · Contrasts

Vaporwave × Ma

Wabi-sabi's natural imperfection and quiet earth tones are the analogue counterpoint to vaporwave's synthetic, plastic nostalgia.

From the research on Vaporwave

Mix them and make something Vaporwave Ma

SOUVENIRVaporwave × Ma2011 · 1500
A sample layout drawn from the recipe: shapes from Vaporwave, their arrangement from Ma, the finish from Ma. 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.

Vaporwave Ma & Wabi-sabi Aesthetics

Type from Vaporwave
Colour from Vaporwave
Form from Vaporwave
Composition from Ma
Surface from Ma

Vaporwave avoids paper & letterpress bite: this is where the two pull against each other, which is the point of the contrast.

02

The type

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

Display · Vaporwave

Souvenir

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

Text · Ma

A Japanese aesthetic rooted in Zen and the wabi tea ceremony that prizes austerity, imperfection, impermanence and the charged interval (ma) between things. In graphic design it appears as vast empty grounds, a single off-centre element, muted natural colours, visible material texture and the unrepeatable brush mark, from ink painting to Muji's 'emptiness'.

Shippori Mincho; Ma used Bokuseki and Sōsho cursive kana and kanji

03

The colours

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

Vaporwave Ma & Wabi-sabi Aesthetics

  • #1a1040 ground · 36%
  • #fffb96 ink · 14%
  • #01cdfe accent · 18%
  • #7d4e3a accent · 14%
  • #05ffa1 accent · 10%
  • #b9a88a accent · 8%

As CSS

:root {
  --ground: #1a1040;
  --ink: #fffb96;
  --accent-1: #01cdfe;
  --accent-2: #7d4e3a;
  --accent-3: #05ffa1;
  --accent-4: #b9a88a;
  --font-display: "Syncopate", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Vaporwave

All 19 combinations with Vaporwave

With Ma

All 26 combinations with Ma

Every style combination