Stylogeny combining Pop Art Graphics × Ma

Try

Style combination · Contrasts

Pop Art Graphics × Ma

Where Pop multiplies glossy commodities, wabi-sabi values the single worn object; use one to puncture the mood of the other.

From the research on Pop Art Graphics

Mix them and make something Pop Art Graphics Ma

QUIETQUIETPop Art Graphics × Ma1955 · 1500
A sample layout drawn from the recipe: shapes from Ma, their arrangement from Ma, the finish from Pop Art 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.

Pop Art Graphics Ma & Wabi-sabi Aesthetics

Type from Pop Art Graphics
Colour from Pop Art Graphics
Form from Ma

Pop Art Graphics avoids non-representational: this is where the two pull against each other, which is the point of the contrast.

Composition from Ma
Surface from Pop Art Graphics

02

The type

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

Display · Pop Art Graphics

Quiet

Bangers; Pop Art Graphics used Comic-book hand lettering and Franklin Gothic

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 Pop Art Graphics, with a counter-accent from Ma. The ink reads on the ground at 4.5:1 or more.

Pop Art Graphics Ma & Wabi-sabi Aesthetics

  • #fbf8f0 ground · 36%
  • #111111 ink · 14%
  • #ffd400 accent · 18%
  • #7d4e3a accent · 14%
  • #e10600 accent · 10%
  • #b9a88a accent · 8%

As CSS

:root {
  --ground: #fbf8f0;
  --ink: #111111;
  --accent-1: #ffd400;
  --accent-2: #7d4e3a;
  --accent-3: #e10600;
  --accent-4: #b9a88a;
  --font-display: "Bangers", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Pop Art Graphics

All 33 combinations with Pop Art Graphics

With Ma

All 26 combinations with Ma

Every style combination