Stylogeny combining Black Metal Graphics × Punk

Try

Style combination · Contrasts

Black Metal Graphics × Punk

Punk fed black metal's birth (Hellhammer's Tom G. Warrior heard Discharge as 'a revolution, much like Venom'), and both run off a photocopier for a scene that refuses polish; but punk crowds the sheet with ransom-note collage and irony while black metal leaves one dark photograph and one mirrored logo on an empty black field; choose between noise and silence.

From the research on Black Metal Graphics

Mix them and make something Black Metal Graphics Punk

NoiseBlack Metal Graphics × Punk1990 · 1976
A sample layout drawn from the recipe: shapes from Black Metal Graphics, their arrangement from Black Metal Graphics, 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.

Black Metal Graphics Punk & DIY Zine

Type from Punk

Black Metal Graphics avoids eclectic mixing: this is where the two pull against each other, which is the point of the contrast.

Colour from Black Metal Graphics
Form from Black Metal Graphics
Composition from Black Metal Graphics
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

Noise

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

Text · Black Metal Graphics

The visual language of black metal, fixed by Norway's second wave in the early 1990s, now worldwide, since the 2010s borrowed by mainstream acts (Szpajdel's Rihanna and Metallica logos, 2016). A hand-drawn band logo, barely legible, its letters grown into thorns and branches and balanced on a central axis, sits white on black over one bleak picture: a grainy black-and-white photograph of a corpse-painted musician, a church, a forest or a Romantic painting. Early covers, xeroxed like punk's, rejected death metal's bright painted art; the tone is misanthropic, pagan or occult, never ironic.

Special Elite; Black Metal Graphics used Hand-inked thorned, mirrored logotype and Old English Text and Fraktur capitals

03

The colours

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

Black Metal Graphics Punk & DIY Zine

  • #0a0a0a ground · 36%
  • #e6e2d8 ink · 14%
  • #6f6f6f accent · 18%
  • #f7e400 accent · 14%
  • #2a2a2a accent · 10%
  • #ff2fa0 accent · 8%

As CSS

:root {
  --ground: #0a0a0a;
  --ink: #e6e2d8;
  --accent-1: #6f6f6f;
  --accent-2: #f7e400;
  --accent-3: #2a2a2a;
  --accent-4: #ff2fa0;
  --font-display: "Rock Salt", cursive;
  --font-text: "Special Elite", monospace;
}

Use it with care

Black Metal Graphics: The Norwegian scene's early-1990s fame rests partly on real crimes: church arsons from 1992 and two murders. Varg Vikernes of Burzum, sentenced in 1994 for the murder of Euronymous and four church arsons, is credited with bringing neo-Nazi views into the scene, and a small National Socialist black metal minority still spreads them through lyrics and imagery; even Darkthrone had to remove a slogan about race from a 1994 back cover after distributors objected. Cite Burzum sleeves only as history, and take mood from the public-domain Kittelsen and Doré pictures instead. Borrow the mirrored logo, the black field and the bleak photograph, but never a burnt or burning church, a photograph of a real death, or far-right symbols: no Black Sun (Sonnenrad), winged or serifed odal rune, wolfsangel, SS runes or Totenkopf, and no slogan about race or nation in blackletter. Inverted crosses and pentagrams signal hostility to Christianity; weigh them before using them for a general audience. Logos are the commissioned, living work of named letterers such as Szpajdel: commission or credit one rather than copying a band's name or mark.

05

More combinations

With Black Metal Graphics

All 11 combinations with Black Metal Graphics

With Punk

All 36 combinations with Punk

Every style combination