Stylogeny combining Japanese Postwar Modernism × Kawaii Design

Try

Style combination · Contrasts

Japanese Postwar Modernism × Kawaii Design

Kawaii shows the soft, crowded face of Japanese visual culture; use the contrast to tune a brand between gravitas and charm.

From the research on Japanese Postwar Modernism

Mix them and make something Japanese Postwar Modernism Kawaii Design

Yay!Japanese Postwar × Kawaii Design1950 · 1970
A sample layout drawn from the recipe: shapes from Kawaii Design, their arrangement from Japanese Postwar Modernism, the finish from Kawaii Design. 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 Kawaii Design

Type from Kawaii Design
Colour from Japanese Postwar Modernism
Form from Kawaii Design
Composition from Japanese Postwar Modernism
Surface from Kawaii Design

02

The type

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

Display · Kawaii Design

Yay!

Zen Maru Gothic, standing in for Maru-ji (rounded teenage handwriting, 1970s)

Text · Japanese Postwar Modernism

Building on the New Typography that Hiromu Hara and the Nippon Kobo circle had absorbed in the 1930s, Japan's postwar graphic designers fused the grid, sans-serif and objective photography of European modernism with indigenous traditions of family crests (kamon), asymmetry and charged emptiness (ma). From the Graphic '55 exhibition and the Nippon Design Center to Yusaku Kamekura's Tokyo 1964 Olympic posters, it produced bold emblematic symbols, luminous flat colour fields and photography of startling precision.

Zen Kaku Gothic New; Japanese Postwar Modernism used Gothic and Mincho

03

The colours

The ground and leading colours come from Japanese Postwar Modernism, with a counter-accent from Kawaii Design. The ink reads on the ground at 4.5:1 or more.

Japanese Postwar Modernism Kawaii Design

  • #f4f1ea ground · 36%
  • #111111 ink · 14%
  • #d7261e accent · 18%
  • #c8a24a accent · 14%
  • #a8d8ff accent · 10%
  • #1d3c78 accent · 8%

As CSS

:root {
  --ground: #f4f1ea;
  --ink: #111111;
  --accent-1: #d7261e;
  --accent-2: #c8a24a;
  --accent-3: #a8d8ff;
  --accent-4: #1d3c78;
  --font-display: "Zen Maru Gothic", sans-serif;
  --font-text: "Zen Kaku Gothic New", sans-serif;
}

05

More combinations

With Japanese Postwar Modernism

All 26 combinations with Japanese Postwar Modernism

With Kawaii Design

All 25 combinations with Kawaii Design

Every style combination