Style combination · Contrasts
Pop Art Graphics × Situationist Détournement Graphics
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.
Mix them and make something Pop Art Graphics 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.
Pop Art Graphics Situationist Détournement Graphics
- Type from Situationist Détournement Graphics
- Colour from Pop Art Graphics
- Form from Pop Art Graphics
- Composition from Situationist Détournement Graphics
- Surface from Pop Art Graphics
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Situationist Détournement Graphics
Sure.
Archivo Black; 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
Text · Pop Art Graphics
Pop turned the commercial imagery of post-war consumer culture (comics, packaging, celebrity photographs and advertising) into both its subject and its method. Images are appropriated, enlarged, flattened and repeated; colour is bright and unmodulated; and the printing process itself, from Ben-Day dots to off-register silkscreen, is left visible as a sign of mass production.
Archivo; Pop Art Graphics used Comic-book hand lettering and Franklin Gothic
03
The colours
The ground and leading colours come from Pop Art Graphics, with a counter-accent from Situationist Détournement Graphics. The ink reads on the ground at 4.5:1 or more.
Pop Art Graphics Situationist Détournement Graphics
-
#fbf8f0ground · 36% -
#111111ink · 14% -
#ffd400accent · 18% -
#e08a2caccent · 14% -
#e10600accent · 10% -
#c62f2aaccent · 8%
As CSS
:root {
--ground: #fbf8f0;
--ink: #111111;
--accent-1: #ffd400;
--accent-2: #e08a2c;
--accent-3: #e10600;
--accent-4: #c62f2a;
--font-display: "Archivo Black", sans-serif;
--font-text: "Archivo", sans-serif;
}04
The two styles
05
More combinations
With Pop Art Graphics
- International Typographic Style Contrasts · Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
- Ma & Wabi-sabi Aesthetics Contrasts · Where Pop multiplies glossy commodities, wabi-sabi values the single worn object; use one to puncture the mood of the other.
- Guna Mola Pairs well · Guna women redraw brand logos and cartoons (RCA Victor, Bullwinkle) in reverse appliqué; let that act of translation inspire Pop work, but buy or commission molas rather than imitating them.
- Neo-Brutalism Pairs well · Lift Pop's thick black outlines and flat primaries into UI cards and buttons for a confident, comic-strip interface.
- Risograph & Indie Print Culture Pairs well · Print Ben-Day dot screens in fluorescent pink and yellow riso inks to give Pop's mass-media imagery a small-run, handmade warmth.
- Screenprinted Gig & Alt-Movie Poster Pairs well · Shepard Fairey called Kozik 'the punk rock Warhol'; take Pop's appropriated cartoons and halftones and give them a gig poster's single idea and hand-lettered title.
- Finnish Bold Print (Marimekko Modernism) Pairs well · Contemporaries in saturated flat colour at a giant scale; borrow pop's isolated, enlarged object for a poster, but drop its halftone and irony to keep Marimekko's sincerity.
- Superflat Contrasts · Both turn commodities into art; take Pop's repetition and frontal commodity but swap its halftone and off-register silkscreen for Superflat's smooth vector fills and anime characters, so the print process disappears.
With Situationist Détournement Graphics
- Punk & DIY Zine 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.
- 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.
- 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.