Style combination · Pairs well
Die Neue Typographie × Post-Punk Record Sleeve
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.
Mix them and make something Die Neue Typographie 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.
Die Neue Typographie Post-Punk Record Sleeve (Stiff, Factory, 4AD)
- Type from Die Neue Typographie
- Colour from Die Neue Typographie
- Form from Post-Punk Record Sleeve
- Composition from Die Neue Typographie
- 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.
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 Die Neue Typographie, with a counter-accent from Post-Punk Record Sleeve. The ink reads on the ground at 4.5:1 or more.
Die Neue Typographie Post-Punk Record Sleeve (Stiff, Factory, 4AD)
-
#f3efe4ground · 36% -
#141414ink · 14% -
#d32a1faccent · 18% -
#f2c230accent · 14% -
#7d7a73accent · 10% -
#b8963eaccent · 8%
As CSS
:root {
--ground: #f3efe4;
--ink: #141414;
--accent-1: #d32a1f;
--accent-2: #f2c230;
--accent-3: #7d7a73;
--accent-4: #b8963e;
--font-display: "Jost", sans-serif;
--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 Die Neue Typographie
- Risograph & Indie Print Culture Pairs well · Two-colour riso printing suits its black-plus-red restraint for low-budget editorial and posters.
- Cranbrook & Deconstructivist Typography Contrasts · Cranbrook dismantled exactly these rules; state one New Typography convention clearly, then break it on purpose.
- International Typographic Style Pairs well · Extend its asymmetric black-and-red onto a full modular grid for a seamless Swiss-era update.
- Renaissance Book Typography Contrasts · Tschichold himself returned to the centred classical page; set the two side by side to choose between symmetric tradition and asymmetric function.
- Mechano-Faktura & Polish Constructivist Advertising Pairs well · Pair the line-field image with asymmetric sans setting for an advertising layout.
- Brodovitch Editorial Design (Harper's Bazaar) Contrasts · Asymmetry without rules: improvised and photographic rather than systematic.
- German Book Art Movement (Buchkunstbewegung) Contrasts · From the mid-1920s the Bauhaus and the New Typography took over the avant-garde of the book; centred hand-press pages against asymmetric sans-serif layouts make a clear old-against-new tension.
- ECM Sleeve Aesthetic (Munich) Pairs well · Barbara Wojirsch named Tschichold as an influence: borrow his asymmetric blocks of small sans-serif type and set them beside one quiet photograph instead of his photomontage.
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.
- 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.
- 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.