Stylogeny combining Russian Constructivism × Punk

Try

Style combination · Pairs well

Russian Constructivism × Punk

Punk borrowed Constructivist red-and-black agitprop; combine photomontage with xerox grit for protest graphics.

From the research on Russian Constructivism

Borrow Constructivist diagonals and red-and-black bars to give punk collage the agitprop structure post-punk sleeves later adopted.

From the research on Punk & DIY Zine

Mix them and make something Russian Constructivism Punk

ActRussian Constructivism × Punk1917 · 1976
A sample layout drawn from the recipe: shapes from Russian Constructivism, their arrangement from Russian Constructivism, the finish from Punk. 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.

Russian Constructivism Punk & DIY Zine

Type from Punk
Colour from Russian Constructivism
Form from Russian Constructivism
Composition from Russian Constructivism
Surface from Punk

02

The type

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

Display · Punk

Act

Rock Salt, standing in for Ransom-note cut-out lettering

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 Russian Constructivism, with a counter-accent from Punk. The ink reads on the ground at 4.5:1 or more.

Russian Constructivism Punk & DIY Zine

  • #efe6d2 ground · 36%
  • #141414 ink · 14%
  • #d1261c accent · 18%
  • #ff2fa0 accent · 14%
  • #c9b28a accent · 10%
  • #6b6b66 accent · 8%

As CSS

:root {
  --ground: #efe6d2;
  --ink: #141414;
  --accent-1: #d1261c;
  --accent-2: #ff2fa0;
  --accent-3: #c9b28a;
  --accent-4: #6b6b66;
  --font-display: "Rock Salt", cursive;
  --font-text: "Archivo", sans-serif;
}

05

More combinations

With Russian Constructivism

All 21 combinations with Russian Constructivism

With Punk

All 36 combinations with Punk

Every style combination