Stylogeny combining Japanese Postwar Modernism × Ma

Try

Style combination · Pairs well

Japanese Postwar Modernism × Ma

Use a modernist grid but leave whole modules empty, the way Tanaka and Hara let ma structure the page.

From the research on Ma & Wabi-sabi Aesthetics

Mix them and make something Japanese Postwar Modernism Ma

TideJapanese Postwar × Ma1950 · 1500
A sample layout drawn from the recipe: shapes from Japanese Postwar Modernism, 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.

Japanese Postwar Modernism Ma & Wabi-sabi Aesthetics

Type from Japanese Postwar Modernism
Colour from Japanese Postwar Modernism
Form from Japanese Postwar Modernism
Composition from Ma
Surface from Ma

02

The type

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

Display · Japanese Postwar Modernism

Tide

Zen Kaku Gothic New, standing in for Gothic (kaku gothic Japanese sans)

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

Japanese Postwar Modernism Ma & Wabi-sabi Aesthetics

  • #f4f1ea ground · 36%
  • #111111 ink · 14%
  • #d7261e accent · 18%
  • #7d4e3a accent · 14%
  • #c8a24a accent · 10%
  • #b9a88a accent · 8%

As CSS

:root {
  --ground: #f4f1ea;
  --ink: #111111;
  --accent-1: #d7261e;
  --accent-2: #7d4e3a;
  --accent-3: #c8a24a;
  --accent-4: #b9a88a;
  --font-display: "Zen Kaku Gothic New", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Japanese Postwar Modernism

All 26 combinations with Japanese Postwar Modernism

With Ma

All 26 combinations with Ma

Every style combination