Stylogeny combining Muji No-Brand Design × Ma

Try

Style combination · Pairs well

Muji No-Brand Design × Ma

Add ma, the charged interval, so the empty space reads as intention instead of a missing design.

From the research on Muji No-Brand Design (Mujirushi Ryohin)

Mix them and make something Muji No-Brand Design Ma

CalmMuji No-Brand Design × Ma1980 · 1500
A sample layout drawn from the recipe: shapes from Ma, their arrangement from Muji No-Brand 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.

Muji No-Brand Design (Mujirushi Ryohin) Ma & Wabi-sabi Aesthetics

Type from Muji No-Brand Design
Colour from Muji No-Brand Design
Form from Ma
Composition from Muji No-Brand 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 · Muji No-Brand Design

Calm

Zen Kaku Gothic New, standing in for Japanese gothic (kaku gothic) sans-serif, the plain Japanese text tradition for labels and signage

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

Muji No-Brand Design (Mujirushi Ryohin) Ma & Wabi-sabi Aesthetics

  • #f4f1ea ground · 36%
  • #222222 ink · 14%
  • #d7261e accent · 18%
  • #7d4e3a accent · 14%
  • #c9a97c accent · 10%
  • #8a7f6e accent · 8%

As CSS

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

05

More combinations

With Muji No-Brand Design

With Ma

All 26 combinations with Ma

Every style combination