Style combination · Contrasts
Swiss Punk × Post-Punk Record Sleeve
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.
Mix them and make something Swiss Punk 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.
Swiss Punk / New Wave Typography Post-Punk Record Sleeve (Stiff, Factory, 4AD)
- Type from Swiss Punk
- Colour from Post-Punk Record Sleeve
- Form from Swiss Punk
- Composition from Post-Punk Record Sleeve
- Surface from Swiss Punk
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 Post-Punk Record Sleeve, with a counter-accent from Swiss Punk. The ink reads on the ground at 4.5:1 or more.
Swiss Punk / New Wave Typography Post-Punk Record Sleeve (Stiff, Factory, 4AD)
-
#111111ground · 36% -
#ece6daink · 14% -
#f2c230accent · 18% -
#e6007eaccent · 14% -
#b8963eaccent · 10% -
#b23a48accent · 8%
As CSS
:root {
--ground: #111111;
--ink: #ece6da;
--accent-1: #f2c230;
--accent-2: #e6007e;
--accent-3: #b8963e;
--accent-4: #b23a48;
--font-display: "Inter Tight", 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 Swiss Punk
- Memphis Design Pairs well · Add Memphis squiggles and pastel triangles to New Wave's floating bars for the full 1980s postmodern palette.
- Neo-Swiss Revival Pairs well · Borrow New Wave's letterspacing and stepped lines to make a contemporary neo-Swiss grid feel alive.
- Renaissance Book Typography Contrasts · Classical centred book typography is the calm foil to New Wave's stepped, letterspaced lines.
- British Style Press (The Face, i-D and Arena) 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.
- Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken) Contrasts · Basel's rebellion kept the grotesque and the halftone in an abstract grid; the Dutch one brings in figures, props, painting and photographed depth. Choose Basel New Wave for abstract type textures and the Dutch idiom when the poster needs objects and a stage.
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.
- 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.