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.
Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.
Mix them and make something Japanese Postwar Modernism International Typographic 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.
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
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#1f4e9caccent · 14% -
#c8a24aaccent · 10% -
#7a7a7aaccent · 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;
}
04
The two styles
05
More combinations
With Japanese Postwar Modernism
- Angura Theatre Poster Contrasts · Tadanori Yokoo's angura theatre posters broke with this school; set one beside a Kamekura poster to calibrate restraint against overload.
- Kawaii Design Contrasts · Kawaii shows the soft, crowded face of Japanese visual culture; use the contrast to tune a brand between gravitas and charm.
- Minimalist Graphic Design Pairs well · Muji-era minimalism grew from this school; enlarge the empty field further and reduce the emblem to a whisper.
- Hong Kong East–West Graphic Modernism Pairs well · Take its single emblem on an empty field, then add a bilingual Chinese–English lockup and one ink stroke to move the poster from Tokyo to Hong Kong.
- Finnish Bold Print (Marimekko Modernism) Pairs well · Japanese postwar emblematic colour fields share the reduction of nature to a few flat silhouettes, and two of Marimekko's leading designers, Katsuji Wakisaka and Fujiwo Ishimoto, came from Japan; pair one Japanese-style emblem with a Marimekko-scale repeat for a calm, nature-led identity.
- Yuru-chara (Japanese Local Mascot Design) Contrasts · Postwar Japanese identities give institutions abstract, grid-built marks; a yuru-chara gives a prefecture a face, a name and a body that walks into festivals and shakes hands.
- Taishō Roman & Lyrical Illustration Contrasts · Postwar modernism replaced this sentimental figure with emblems and empty fields; set one against the other to calibrate warmth against austerity.
- Showa Modern Commercial Art and Zuan-moji Contrasts · Postwar modernism swaps the decorative figure for emblems and empty fields; compare to see how much the figure and lettering carry.
With International Typographic Style
- Art Nouveau Contrasts · Ornamental curves against an orthogonal grid make a strong deliberate tension.
- Brutalist Web Design Pairs well · Strip the grid to raw HTML defaults to get a rawer, contemporary take on Swiss honesty.
- Psychedelic Poster Contrasts · Its exact opposite on legibility; borrow one swirling element to break a too-cold Swiss layout.
- American Traditional Tattoo Flash Contrasts · Rational grid and sans-serif against sentimental, hand-lettered emblems: one flash motif on a Swiss layout makes a sharp contrast.
- Graffiti & Hip-Hop Graphics Contrasts · Put a single tag or throw-up over a strict Swiss grid to stage the clash between institutional order and a street voice.
- Pop Art Graphics Contrasts · Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
- Italian Painted Film Poster (Rome Studios) Contrasts · Grid, restraint and photographic objectivity are the opposite of a crowded painted montage.
- East German (DDR) Poster and Gebrauchsgrafik Pairs well · Shares the rational sans and plain ground; add DDR hand-drawn imagery to warm a Swiss layout.