Stylogeny combining Op Art Graphics × Ma

Try

Style combination · Contrasts

Op Art Graphics × Ma

Wabi-sabi's quiet irregular textures are the antithesis of mechanical vibration; give one op element plenty of calm space to avoid visual fatigue.

From the research on Op Art Graphics

Mix them and make something Op Art Graphics Ma

STILLOp Art Graphics × Ma1960 · 1500
A sample layout drawn from the recipe: shapes from Op Art Graphics, their arrangement from Op Art Graphics, 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.

Op Art Graphics Ma & Wabi-sabi Aesthetics

Type from Op Art Graphics

Ma avoids ornamented display: this is where the two pull against each other, which is the point of the contrast.

Colour from Ma
Form from Op Art Graphics
Composition from Op Art Graphics
Surface from Ma

Op Art Graphics avoids painterly brushwork: 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 · Op Art Graphics

Still

Monoton, standing in for Mexico 68 multiline lettering (Lance Wyman)

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

Op Art Graphics Ma & Wabi-sabi Aesthetics

  • #e9e4d8 ground · 36%
  • #2b2a28 ink · 14%
  • #7d4e3a accent · 18%
  • #e3001b accent · 14%
  • #b9a88a accent · 10%
  • #0050b5 accent · 8%

As CSS

:root {
  --ground: #e9e4d8;
  --ink: #2b2a28;
  --accent-1: #7d4e3a;
  --accent-2: #e3001b;
  --accent-3: #b9a88a;
  --accent-4: #0050b5;
  --font-display: "Monoton", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Op Art Graphics

All 16 combinations with Op Art Graphics

With Ma

All 26 combinations with Ma

Every style combination