Stylogeny combining Punk × Vorticism

Try

Style combination · Pairs well

Punk × Vorticism

Use BLAST's blast-and-bless lists, vertical rules and boxed numbers as the skeleton of a manifesto zine, then photocopy it so the heavy caps fill in and roughen.

From the research on Vorticism & BLAST Typography

Mix them and make something Punk Vorticism

NO!Punk × Vorticism1976 · 1914
A sample layout drawn from the recipe: shapes from Vorticism, their arrangement from Punk, 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.

Punk & DIY Zine Vorticism & BLAST Typography

Type from Vorticism
Colour from Punk
Form from Vorticism
Composition from Punk

Vorticism avoids collage & layering: this is where the two pull against each other.

Surface from Punk

02

The type

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

Display · Vorticism

No!

Archivo Black; Vorticism used Grotesque No. 9 (Stephenson Blake), the heavy jobbing grotesque of most of BLAST's manifesto pages and Latin Bold for the boxed section numerals of the manifesto

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

Punk & DIY Zine Vorticism & BLAST Typography

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

As CSS

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

05

More combinations

With Punk

All 36 combinations with Punk

With Vorticism

Every style combination