Style combination · Contrasts
Punk × Situationist Détournement Graphics
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.
Mix them and make something Punk Situationist Détournement Graphics
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.
Punk & DIY Zine Situationist Détournement Graphics
- Type from Punk
- Colour from Punk
- Form from Situationist Détournement Graphics
- Composition from Situationist Détournement Graphics
- Surface from Punk
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Situationist Détournement Graphics
Graphics of the Letterist and Situationist Internationals (1956–1972), built on détournement: taking existing words and pictures (comic strips, advertisements, news photographs, city maps, classic texts) and turning them against their source. Debord and Jorn scattered cut press fragments among splashes of coloured ink in the artist's books Fin de Copenhague and Mémoires, and cut the map of Paris into islands linked by red arrows. Strasbourg students and the CMDO refilled comic-strip balloons with theory and pasted the strips up.
Courier Prime; Situationist Détournement Graphics used Caractères Simples, a nineteenth-century French sans serif shown by Deberny, set in lowercase for the title on every issue of Internationale situationniste and Found press type
03
The colours
The ground and leading colours come from Punk, with a counter-accent from Situationist Détournement Graphics. The ink reads on the ground at 4.5:1 or more.
Punk & DIY Zine Situationist Détournement Graphics
-
#f2efe6ground · 36% -
#0d0d0dink · 14% -
#ff2fa0accent · 18% -
#e08a2caccent · 14% -
#d7191caccent · 10% -
#8c8c8caccent · 8%
As CSS
:root {
--ground: #f2efe6;
--ink: #0d0d0d;
--accent-1: #ff2fa0;
--accent-2: #e08a2c;
--accent-3: #d7191c;
--accent-4: #8c8c8c;
--font-display: "Rock Salt", cursive;
--font-text: "Courier Prime", monospace;
}04
The two styles
05
More combinations
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.
- Internet Ugly & Meme Vernacular Pairs well · Both make amateur, cheap reproduction a stance; combine ransom-note cut-ups with Impact captions and crude pasted photos for zine-style posters that still read as a joke.
With Situationist Détournement Graphics
- Fotoromanzo (Italian Photo-Romance) Pairs well · The photo-romance was a raw material René Viénet named in Internationale situationniste no. 11 (1967), calling for photo-romances to be détourned by adding or altering their speech bubbles: keep the photographed lovers and the grid of frames untouched and change only the balloons, so that the melodrama speaks against itself.
- American Four-Colour Comic Book (Golden to Bronze Age) Pairs well · Mass-market comic panels were a favourite raw material of détournement: keep the drawing of an adventure or western panel untouched and rewrite only the balloons to turn it against its own story.
- Internet Ugly & Meme Vernacular Pairs well · Image macros and reaction memes recaption a known picture to say something new, which is détournement by other means; set a situationist rewritten balloon in a meme layout to bring the method online.
- Pop Art Graphics Contrasts · Both took comic panels and advertisements in the same years, but Lichtenstein enlarged a single panel to painting size as a close copy of what it already said, while détournement kept the panel at reading size and rewrote its balloon to argue against its source; the SI's English section called Pop art 'the last ditch attempt to shore up the decomposition of the spectacle' (1967). Enlarge when the source itself is the subject, rewrite when the message must turn on the source.
- Atelier Populaire (May '68 Screenprint Poster) Contrasts · Same Paris spring of 1968, opposite method: the Atelier populaire drew new figures and slogans and screenprinted them flat in one colour, while the situationists reused existing comics, photographs and texts. Draw when the message must read from across the street, détourn when the audience must recognise the source.
- ACT UP & Gran Fury AIDS Activist Graphics Contrasts · Gran Fury placed its work 'in direct line of descent with Situationist questions' and kept the hijacking of mass media, but it copied whole advertising formats (a Benetton campaign, the front page of The New York Times) in professional offset with staged photographs and one-line slogans, where the situationists scattered cut fragments under ink. Copy the format whole when the work must pass for the real thing in public space; cut it up when the reader should see the seams.
- Fluxus Graphics (Maciunas) Contrasts · Contemporaries who both took found pictures, but Maciunas packed them into a tight, deadpan black grid of mixed dry-transfer type, while Debord and Jorn scattered fragments under painted ink and aimed the joke at revolution; choose order or drift.
- Il Male Newspaper-Forgery Satire Pairs well · Take the cut-up method and add the dense tabloid page to turn theory into a prank.