Stylogeny combining Dada × Punk

Try

Style combination · Pairs well

Dada × Punk

Punk zines rediscovered Dada cut-and-paste; combine them for ransom-note type with a sharper political edge.

From the research on Dada

Mix them and make something Dada Punk

No!Dada × Punk1916 · 1976
A sample layout drawn from the recipe: shapes from Dada, their arrangement from Dada, 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.

Dada Punk & DIY Zine

Type from Dada
Colour from Punk
Form from Dada
Composition from Dada
Surface from Punk

02

The type

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

Display · Dada

No!

Alfa Slab One; Dada used Found wood poster type and Mixed grotesques, Egyptians and Fraktur from the jobbing printer's case

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 Dada. The ink reads on the ground at 4.5:1 or more.

Dada Punk & DIY Zine

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

As CSS

:root {
  --ground: #f2efe6;
  --ink: #0d0d0d;
  --accent-1: #ff2fa0;
  --accent-2: #c62a1e;
  --accent-3: #c7a76a;
  --accent-4: #8c8c8c;
  --font-display: "Alfa Slab One", serif;
  --font-text: "Courier Prime", monospace;
}

05

More combinations

With Dada

With Punk

All 36 combinations with Punk

Every style combination