Style combination · Contrasts
Post-Punk Record Sleeve × Punk
Same scene, opposite means: punk pasted ransom-note collage onto photocopies, post-punk withheld text and printed one quoted image offset on special stock; choose between shouting and withholding.
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.
Post-Punk Record Sleeve (Stiff, Factory, 4AD) Punk & DIY Zine
- Type from Punk
-
Post-Punk Record Sleeve avoids eclectic mixing: this is where the two pull against each other, which is the point of the contrast.
- Colour from Punk
- Form from Post-Punk Record Sleeve
- Composition from Post-Punk Record Sleeve
- Surface from Punk
-
Post-Punk Record Sleeve avoids photocopy & distress: this is where the two pull against each other, which is the point of the contrast.
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Post-Punk Record Sleeve
The record sleeves that British art-school designers made after punk, for independent labels and some majors: Barney Bubbles at Stiff, Malcolm Garrett for Buzzcocks, Peter Saville at Factory and 23 Envelope at 4AD. Instead of xerox collage, a sleeve became an art-directed object: one quoted or treated image (a pulsar plot, a Fantin-Latour still life, a Futurist poster, a misty photograph) on a quiet field or edge to edge, the band's name shrunk, coded or left off, riddles and catalogue numbers in its place, printed offset on textured, silver, gold or die-cut stock.
Space Mono; Post-Punk Record Sleeve used Peter Saville's colour-coded alphabet, one coloured block per letter, decoded by a wheel on the back of Power, Corruption & Lies (1983) and used for the title of Blue Monday and Small, ordered sans-serif capitals in the manner of Jan Tschichold's New Typography, which Saville took as his model from the 1978 Factory poster onwards
03
The colours
The ground and leading colours come from Punk, with a counter-accent from Post-Punk Record Sleeve. The ink reads on the ground at 4.5:1 or more.
Post-Punk Record Sleeve (Stiff, Factory, 4AD) Punk & DIY Zine
-
#f2efe6ground · 36% -
#0d0d0dink · 14% -
#ff2fa0accent · 18% -
#f2c230accent · 14% -
#d7191caccent · 10% -
#b8963eaccent · 8%
As CSS
:root {
--ground: #f2efe6;
--ink: #0d0d0d;
--accent-1: #ff2fa0;
--accent-2: #f2c230;
--accent-3: #d7191c;
--accent-4: #b8963e;
--font-display: "Rock Salt", cursive;
--font-text: "Space Mono", monospace;
}Use it with care
Post-Punk Record Sleeve (Stiff, Factory, 4AD): The sleeves are in copyright, and several of their quoted images have their own authors, such as Harold Craft's pulsar plot and Bernard Pierre Wolff's photograph of the Appiani tomb: make a new quotation from a public-domain or licensed source rather than copying a Factory, Stiff or 4AD cover or its colour code.
04
The two styles
05
More combinations
With Post-Punk Record Sleeve
- Surrealist Graphics Pairs well · Vaughan Oliver drew on Dalí and Surrealism; add an uncanny juxtaposition to a blurred, textured 23 Envelope photograph for a dream-like sleeve.
- Die Neue Typographie Pairs well · Saville's model: borrow Tschichold's asymmetric placement and small sans-serif capitals, then replace his photographs with one quoted image to get a cool, ordered sleeve.
- Swiss Punk / New Wave Typography Contrasts · Both took modernism apart in the same years: Weingart's Basel school layered type and broke the grid, while post-punk sleeves quoted one borrowed image and withheld the type; choose between layering and withholding.
- Afrobeat Sleeve Art Contrasts · Lemi Ghariokwu's sleeves fill every inch to state the record's argument, while post-punk sleeves leave the name off and say nothing; use the pair to decide how much a cover should explain.
- Minimalist Graphic Design Pairs well · Both let one image or word stand on an empty field; minimalism keeps it calm and neutral, post-punk adds a borrowed image, a code and a darker mood.
- Hipgnosis Photographic Concept Sleeve Contrasts · The generation that made it look dated: post-punk designers quoted one found image and coded or shrank the type, where Hipgnosis paid for elaborate location shoots and darkroom work. Choose between quoting a picture and staging one.
- 2 Tone Graphics Contrasts · Shares restraint and a single focal point, but swaps abstraction for a cartoon mascot.
- British Style Press (The Face, i-D and Arena) Contrasts · Same years and city: Saville kept type sparse or left it off and quoted one image on a single square. Brody's own Fetish and Cabaret Voltaire sleeves belong to that genre; this entry is the editorial system he built alongside them, with oversized drawn headlines across a whole magazine.
With Punk
- Russian Constructivism Pairs well · Borrow Constructivist diagonals and red-and-black bars to give punk collage the agitprop structure post-punk sleeves later adopted.
- Risograph & Indie Print Culture Pairs well · Run punk collages through a riso in fluoro pink and black to keep the DIY ethic while gaining richer, layered colour.
- Corporate Identity Modernism Contrasts · Deface a clean corporate identity with xerox collage to make the critique of polish and authority explicit.
- Frutiger Aero Contrasts · Glossy optimism is everything punk rejects; one torn xerox fragment on an aero gradient reads as instant sabotage.
- Fluxus Graphics (Maciunas) Contrasts · Both mix found type with appropriated pictures, but punk tears and photocopies while Fluxus keeps a clean offset black, justified blocks and a tight edge-to-edge grid; use the Fluxus version when cheap materials should still look ordered.
- Natural Wine Label Art Pairs well · Alice Feiring calls the earlier natural-wine scene punk rock: of Gut Oggau she says 'This is where things grow up and stop being so punk rock' (Punch, 2021). Take punk's refusal of professional polish but drop the collage and the anger: one felt-pen picture on a white label carries the same do-it-yourself stance in a friendlier voice.
- Grapus (French Militant Graphic Collective) Contrasts · Both scribble over photographs, but punk's photocopied blacks and ransom-note type are cheap and nihilist, while Grapus prints bright offset colour, mostly on white, in an optimistic, party-backed voice.
- Situationist Détournement Graphics Contrasts · Punk reprised the situationist prank in the late 1970s, but it packs torn photocopies and mixed type into crowded pages; détournement keeps a few recognisable fragments and lets each one say the opposite of what it said. Borrow the rewritten balloon when a punk layout needs a sharper argument.