Style combination · Pairs well
East German Poster and Gebrauchsgrafik × International Typographic Style
Shares the rational sans and plain ground; add DDR hand-drawn imagery to warm a Swiss layout.
Mix them and make something East German Poster and Gebrauchsgrafik 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.
East German (DDR) Poster and Gebrauchsgrafik International Typographic Style
- Type from International Typographic Style
- Colour from East German Poster and Gebrauchsgrafik
- Form from International Typographic Style
- Composition from International Typographic Style
- Surface from East German Poster and Gebrauchsgrafik
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · East German Poster and Gebrauchsgrafik
Poster and applied graphics (Gebrauchsgrafik) of the German Democratic Republic, made by named designers for theatre, film and exhibitions. The range took in graphics, collage, montage and later photography; the central tendency was a quiet typographic idiom: one focal image, few flat colours, plain sans or hand lettering. Unlike commercial plakatstil it was state-commissioned and authored, under Ministry of Culture oversight in a one-party state where it coexisted with propaganda.
Inter; East German Poster and Gebrauchsgrafik used Neo-grotesque and humanist sans-serifs and Hand-lettered theatre and film titles
03
The colours
The ground and leading colours come from East German Poster and Gebrauchsgrafik, with a counter-accent from International Typographic Style. The ink reads on the ground at 4.5:1 or more.
East German (DDR) Poster and Gebrauchsgrafik International Typographic Style
-
#efe9dcground · 36% -
#1b1b1bink · 14% -
#d9a62baccent · 18% -
#e1251baccent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #efe9dc;
--ink: #1b1b1b;
--accent-1: #d9a62b;
--accent-2: #e1251b;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Inter Tight", sans-serif;
--font-text: "Inter", sans-serif;
}
04
The two styles
05
More combinations
With East German Poster and Gebrauchsgrafik
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.
- Japanese Postwar Modernism Pairs well · Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.
- 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.