Style combination · Contrasts
Pop Art Graphics × International Typographic Style
Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
Mix them and make something Pop Art Graphics International Typographic Style
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 International Typographic Style
- Type from International Typographic Style
- Colour from Pop Art Graphics
- Form from Pop Art Graphics
- Composition from International Typographic Style
- 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.
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 International Typographic Style. The ink reads on the ground at 4.5:1 or more.
Pop Art Graphics International Typographic Style
-
#fbf8f0ground · 36% -
#111111ink · 14% -
#ffd400accent · 18% -
#e1251baccent · 14% -
#1f4e9caccent · 10% -
#ff5fa2accent · 8%
As CSS
:root {
--ground: #fbf8f0;
--ink: #111111;
--accent-1: #ffd400;
--accent-2: #e1251b;
--accent-3: #1f4e9c;
--accent-4: #ff5fa2;
--font-display: "Inter Tight", sans-serif;
--font-text: "Archivo", sans-serif;
}
04
The two styles
05
More combinations
With Pop Art Graphics
- 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.
- Woodland School (Legend Painting) Contrasts · Both arrived in screenprint with flat colour behind a black line in the 1960s and 70s, but Pop quotes consumer images with irony and halftone, while Woodland prints carry legend and vision with none of either.
With International Typographic Style
- Art Nouveau Contrasts · Ornamental curves against an orthogonal grid make a strong deliberate tension.
- Brutalist Web Design Pairs well · Strip the grid to raw HTML defaults to get a rawer, contemporary take on Swiss honesty.
- Psychedelic Poster Contrasts · Its exact opposite on legibility; borrow one swirling element to break a too-cold Swiss layout.
- Japanese Postwar Modernism Pairs well · Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.
- American Traditional Tattoo Flash Contrasts · Rational grid and sans-serif against sentimental, hand-lettered emblems: one flash motif on a Swiss layout makes a sharp contrast.
- Graffiti & Hip-Hop Graphics Contrasts · Put a single tag or throw-up over a strict Swiss grid to stage the clash between institutional order and a street voice.
- Italian Painted Film Poster (Rome Studios) Contrasts · Grid, restraint and photographic objectivity are the opposite of a crowded painted montage.
- East German (DDR) Poster and Gebrauchsgrafik Pairs well · Shares the rational sans and plain ground; add DDR hand-drawn imagery to warm a Swiss layout.