Stylogeny combining Expressionist Woodcut Graphics × Punk

Try

Style combination · Pairs well

Expressionist Woodcut Graphics × Punk

Hand-cut jagged letters and one cheap ink suit gig posters and zines that want anger without photocopy clichés.

From the research on Expressionist Woodcut Graphics

Mix them and make something Expressionist Woodcut Graphics Punk

No!Expressionist Woodcut × Punk1905 · 1976
A sample layout drawn from the recipe: shapes from Expressionist Woodcut Graphics, their arrangement from Expressionist Woodcut Graphics, the finish from Expressionist Woodcut Graphics. 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.

Expressionist Woodcut Graphics Punk & DIY Zine

Type from Punk
Colour from Punk
Form from Expressionist Woodcut Graphics
Composition from Expressionist Woodcut Graphics
Surface from Expressionist Woodcut Graphics

02

The type

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

Display · Punk

No!

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

Text · Expressionist Woodcut Graphics

The graphic arm of German Expressionism, from Die Brücke in Dresden (1905) to the Berlin journals Der Sturm and Die Aktion and Frans Masereel's woodcut novels. Artists revived the woodcut as a raw, subjective medium: they gouged distorted figures and jagged lettering into the same block and printed them in harsh black or a single flat ink, often on coloured paper, for exhibition posters, portfolios, manifestos and magazine covers.

Special Elite; Expressionist Woodcut Graphics used Hand-cut woodcut capitals and Rudolf Koch's Neuland (Klingspor, 1923), a display face in the same hand-cut spirit

03

The colours

The ground and leading colours come from Punk, with a counter-accent from Expressionist Woodcut Graphics. The ink reads on the ground at 4.5:1 or more.

Expressionist Woodcut Graphics Punk & DIY Zine

  • #f2efe6 ground · 36%
  • #0d0d0d ink · 14%
  • #ff2fa0 accent · 18%
  • #d9932f accent · 14%
  • #d7191c accent · 10%
  • #8c8c8c accent · 8%

As CSS

:root {
  --ground: #f2efe6;
  --ink: #0d0d0d;
  --accent-1: #ff2fa0;
  --accent-2: #d9932f;
  --accent-3: #d7191c;
  --accent-4: #8c8c8c;
  --font-display: "Rock Salt", cursive;
  --font-text: "Special Elite", monospace;
}

05

More combinations

With Expressionist Woodcut Graphics

All 11 combinations with Expressionist Woodcut Graphics

With Punk

All 36 combinations with Punk

Every style combination