Style combination · Pairs well
Russian Constructivism × International Typographic Style
Tame Constructivist diagonals with a Swiss grid for informational work that still feels urgent.
Mix them and make something Russian Constructivism 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.
Russian Constructivism International Typographic Style
- Type from International Typographic Style
- Colour from International Typographic Style
- Form from Russian Constructivism
- Composition from Russian Constructivism
- Surface from Russian Constructivism
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Russian Constructivism
Constructivism rejected art for art's sake in favour of the artist-engineer building useful things for the new Soviet society. In posters, books, film publicity and state advertising it fused bold grotesque type, heavy bars, photomontage and diagonal axes into an urgent, utilitarian language of agitation that shaped modern graphic design worldwide.
Archivo; Russian Constructivism used Soviet heavy grotesques and Rodchenko's constructed block lettering
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Russian Constructivism. The ink reads on the ground at 4.5:1 or more.
Russian Constructivism International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#1f4e9caccent · 14% -
#c9b28aaccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #1f4e9c;
--accent-3: #c9b28a;
--accent-4: #7a7a7a;
--font-display: "Inter Tight", sans-serif;
--font-text: "Archivo", sans-serif;
}04
The two styles
05
More combinations
With Russian Constructivism
- Punk & DIY Zine Pairs well · Punk borrowed Constructivist red-and-black agitprop; combine photomontage with xerox grit for protest graphics.
- Art Deco Contrasts · Deco used similar geometry to sell luxury; set the two side by side to decide whether a layout should glamorise or agitate.
- Belle Époque Lithographic Poster Contrasts · Sensual drawn figures versus photomontaged workers: use the contrast to choose between seduction and mobilisation.
- ROSTA Windows Contrasts · In the same revolutionary years the ROSTA windows used stencilled cartoon frames and rhymed captions instead of photomontage and set grotesques; compare them to choose between folk legibility and machine-age form.
- Suprematism Pairs well · Add photomontage and heavy grotesque slogans to Suprematist floating planes to turn pure form into a message.
- British Style Press (The Face, i-D and Arena) Pairs well · Brody's source: take Rodchenko's diagonals, heavy bars and huge constructed letters, swap agitprop for fashion and club culture, and you get a Face spread.
- Mavo Pairs well · Borrow Constructivism's heavy bars and one red ink to steady a Mavo page, but keep Mavo's hand-drawn characters and abstract machine linocuts instead of a single clear slogan.
- Estridentismo (Stridentist) Graphics Pairs well · Two post-revolutionary avant-gardes: borrow Constructivism's thick bars and heavy grotesque to steady a Stridentist cover, but keep the hand-cut woodcut instead of photomontage.
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.