Stylogeny combining Minimalist Graphic Design × Ma

Try

Style combination · Pairs well

Minimalist Graphic Design × Ma

Add one rough material or brush mark to a minimalist layout so its emptiness feels lived-in rather than sterile.

From the research on Ma & Wabi-sabi Aesthetics

Add one imperfect texture or natural material so the emptiness feels contemplative rather than sterile.

From the research on Minimalist Graphic Design

Mix them and make something Minimalist Graphic Design Ma

CalmMinimalist Graphic × Ma1965 · 1500
A sample layout drawn from the recipe: shapes from Minimalist Graphic Design, their arrangement from Minimalist Graphic Design, 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.

Minimalist Graphic Design Ma & Wabi-sabi Aesthetics

Type from Minimalist Graphic Design
Colour from Ma
Form from Minimalist Graphic Design
Composition from Minimalist Graphic Design
Surface from Ma

02

The type

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

Display · Minimalist Graphic Design

Calm

Inter Tight, standing in for Helvetica Neue (light weights)

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 Minimalist Graphic Design. The ink reads on the ground at 4.5:1 or more.

Minimalist Graphic Design Ma & Wabi-sabi Aesthetics

  • #e9e4d8 ground · 39%
  • #2b2a28 ink · 15%
  • #7d4e3a accent · 20%
  • #8c8a86 accent · 15%
  • #b9a88a accent · 11%

As CSS

:root {
  --ground: #e9e4d8;
  --ink: #2b2a28;
  --accent-1: #7d4e3a;
  --accent-2: #8c8a86;
  --accent-3: #b9a88a;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

With Ma

All 26 combinations with Ma

Every style combination