Style combination · Contrasts
British Style Press × Post-Punk Record Sleeve
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.
Mix them and make something British Style Press Post-Punk Record Sleeve
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.
British Style Press (The Face, i-D and Arena) Post-Punk Record Sleeve (Stiff, Factory, 4AD)
- Type from British Style Press
- Colour from Post-Punk Record Sleeve
- Form from British Style Press
- Composition from British Style Press
- Surface from Post-Punk Record Sleeve
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · British Style Press
Okay
Anton, standing in for Industria (Neville Brody), a geometric, condensed sans-serif drawn for The Face's headlines (1984)
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 Post-Punk Record Sleeve, with a counter-accent from British Style Press. The ink reads on the ground at 4.5:1 or more.
British Style Press (The Face, i-D and Arena) Post-Punk Record Sleeve (Stiff, Factory, 4AD)
-
#111111ground · 36% -
#ece6daink · 14% -
#f2c230accent · 18% -
#f5c400accent · 14% -
#b8963eaccent · 10% -
#e2231aaccent · 8%
As CSS
:root {
--ground: #111111;
--ink: #ece6da;
--accent-1: #f2c230;
--accent-2: #f5c400;
--accent-3: #b8963e;
--accent-4: #e2231a;
--font-display: "Anton", sans-serif;
--font-text: "Space Mono", monospace;
}
Use it with care
British Style Press (The Face, i-D and Arena): The Face, i-D and Arena mastheads, i-D's winking cover device and Brody's typefaces are trademarks or licensed fonts, and the street portraits show real, identifiable people: draw your own alphabet and symbols in the idiom rather than copying a Brody face or a masthead, and do not present a generated spread as a page from these magazines.
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 British Style Press
- Swiss Punk / New Wave Typography Pairs well · Both took modernism apart in the 1980s: add Weingart's layered, tracked grotesques to a Brody spread for a more Swiss, less drawn result.
- Russian Constructivism Pairs well · Brody's source: take Rodchenko's diagonals, heavy bars and huge constructed letters, swap agitprop for fashion and club culture, and you get a Face spread.
- Grunge Typography Contrasts · Both broke magazine conventions, but grunge eroded and blurred letters while Brody's stay hard-edged and constructed; choose between decay and construction.
- Punk & DIY Zine Contrasts · Its parent: punk pasted ransom-note chaos onto photocopies, while the style press drew its own ordered alphabets and printed them offset; i-D sits between the two.
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.
- Punk & DIY Zine Contrasts · 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.
- 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.