Stylogeny combining Japanese Postwar Modernism × International Typographic Style

Try

Style combination · Pairs well

Japanese Postwar Modernism × International Typographic Style

Graft a single emblematic disc or crest onto a Swiss grid to add focus and warmth without breaking its order.

From the research on Japanese Postwar Modernism

Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.

From the research on International Typographic Style

Mix them and make something Japanese Postwar Modernism International Typographic Style

FormJapanese Postwar × International Typographic
A sample layout drawn from the recipe: shapes from Japanese Postwar Modernism, their arrangement from Japanese Postwar Modernism, the finish from Japanese Postwar Modernism. 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 International Typographic Style

Type from International Typographic Style
Colour from International Typographic Style
Form from Japanese Postwar Modernism
Composition from Japanese Postwar Modernism
Surface from Japanese Postwar Modernism

02

The type

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

Display · International Typographic Style

Form

Inter Tight, standing in for Akzidenz-Grotesk

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

Japanese Postwar Modernism International Typographic Style

  • #f2f0e9 ground · 36%
  • #111111 ink · 14%
  • #e1251b accent · 18%
  • #1f4e9c accent · 14%
  • #c8a24a accent · 10%
  • #7a7a7a accent · 8%

As CSS

:root {
  --ground: #f2f0e9;
  --ink: #111111;
  --accent-1: #e1251b;
  --accent-2: #1f4e9c;
  --accent-3: #c8a24a;
  --accent-4: #7a7a7a;
  --font-display: "Inter Tight", 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 International Typographic Style

All 97 combinations with International Typographic Style

Every style combination