Stylogeny combining Dutch Expressive Postmodernism × Punk

Try

Style combination · Pairs well

Dutch Expressive Postmodernism × Punk

Hard Werken began as a DIY underground magazine; add punk's photocopied cut-and-paste to the Dutch idiom's offset colour for a rougher, more anti-professional edge.

From the research on Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken)

Mix them and make something Dutch Expressive Postmodernism Punk

LoudDutch Expressive × Punk1977 · 1976
A sample layout drawn from the recipe: shapes from Dutch Expressive Postmodernism, their arrangement from Dutch Expressive Postmodernism, 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.

Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken) Punk & DIY Zine

Type from Dutch Expressive Postmodernism
Colour from Punk

Dutch Expressive Postmodernism avoids monochrome: this is where the two pull against each other.

Form from Dutch Expressive Postmodernism
Composition from Dutch Expressive Postmodernism
Surface from Punk

02

The type

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

Display · Dutch Expressive Postmodernism

Loud

Inter Tight, standing in for Grotesques sliced, rescaled and layered

Text · Punk

The graphic voice of punk rock in fanzines, record sleeves and gig flyers: images and words cut from newspapers, typed or scrawled, pasted down and run off on a photocopier. Deliberate crudeness, ransom-note lettering and hijacked mass-media imagery turned cheap reproduction into an anti-professional statement of autonomy and dissent.

Courier Prime; Punk used Ransom-note cut-out lettering and Typewriter faces

03

The colours

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

Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken) Punk & DIY Zine

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

As CSS

:root {
  --ground: #f2efe6;
  --ink: #0d0d0d;
  --accent-1: #ff2fa0;
  --accent-2: #e5007e;
  --accent-3: #d7191c;
  --accent-4: #8c8c8c;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Courier Prime", monospace;
}

Use it with care

Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken): The police logo and vehicle striping and the PTT and film-festival marks are live or protected identities: borrow the method (built sets, mismatched type, deconstructed modernist elements), never reproduce the Politie insignia or striping, which signal real police authority, or present a design as a Studio Dumbar or Hard Werken work.

05

More combinations

With Dutch Expressive Postmodernism

With Punk

All 36 combinations with Punk

Every style combination