Style combination · Contrasts
French Post-War Visual-Gag Poster × International Typographic Style
The grid, neutral sans and photography of the same decades are its opposite in tone; one hand-drawn gag dropped into a Swiss layout makes a deliberate, disarming tension.
Mix them and make something French Post-War Visual-Gag Poster 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.
French Post-War Visual-Gag Poster (Savignac, Villemot, Morvan) International Typographic Style
- Type from International Typographic Style
- Colour from International Typographic Style
- Form from French Post-War Visual-Gag Poster
- Composition from French Post-War Visual-Gag Poster
- Surface from French Post-War Visual-Gag Poster
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · French Post-War Visual-Gag Poster
The humorous street poster of post-war Paris, which took off in 1949 when Raymond Savignac and Bernard Villemot showed their rejected projects together and Savignac's Monsavon cow, its udder filling a bar of soap, went up on the walls. With Hervé Morvan they reduced each advertisement to one cartoon gag whose punchline is the product: a stylised figure brushed in a few bright colours on a plain ground, the brand name drawn into the picture and almost no other copy, printed as large colour lithographs until agency photography pushed it aside in the 1970s.
Archivo; French Post-War Visual-Gag Poster used Brand name painted by the artist into the picture, often in bold sans capitals on the product itself and Roman capitals over a lowercase italic line, lettered on the product
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from French Post-War Visual-Gag Poster. The ink reads on the ground at 4.5:1 or more.
French Post-War Visual-Gag Poster (Savignac, Villemot, Morvan) International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#1f4e9caccent · 14% -
#f3c63aaccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #1f4e9c;
--accent-3: #f3c63a;
--accent-4: #7a7a7a;
--font-display: "Inter Tight", sans-serif;
--font-text: "Archivo", sans-serif;
}
Use it with care
French Post-War Visual-Gag Poster (Savignac, Villemot, Morvan): Savignac, Villemot, Morvan and Carlu are in copyright (Adagp, Paris), and some of their images are still brand property: Savignac's Bic boy is part of the BIC logo, and Orangina reissued Villemot's zest parasol on its bottles in 2011. Invent your own gag for your own product rather than redrawing the Monsavon cow, the Maggi ox or the Bic boy, do not prompt an image model for a named affichiste's hand, and never present a generated image as a vintage affiche.
04
The two styles
05
More combinations
With French Post-War Visual-Gag Poster
- UPA & Cartoon Modern Pairs well · UPA's flat, slipped colour and deadpan caricature carry the same good-natured wit into motion; use it to animate a gag poster for screens.
- Basel Object Poster (Swiss Sachplakat) Contrasts · Its Swiss contemporary paints the product as a modelled, larger-than-life icon; choose between wit by cartoon drawing and wit by illusion, or set one against the other.
- Atelier Populaire (May '68 Screenprint Poster) Contrasts · The same Paris walls twenty years apart: the gag poster sells a product with one good-natured colour-lithograph joke, while the 1968 students' one-colour screenprints turn the same single image and hand-lettered slogan to agitation.
- Push Pin Style Pairs well · Borrow Push Pin's invented display lettering and period quotation to give a gag poster an editorial voice, but keep the single joke and the empty ground.
- Illustrated Rom-Com Book Cover (Cartoon Couple Cover) Pairs well · Savignac's and Villemot's one-figure, one-prop sight gags on a flat ground are the model for a strong premise image; borrow the single visual pun to sharpen a cover that has drifted into two figures simply standing side by side.
- Natural Wine Label Art Pairs well · Both put one cartoon figure on a plain ground with the name drawn into the picture; the gag poster is a professional's single punchline at hoarding scale, the wine label an amateur's picture at bottle scale. Borrow Savignac's one-image-one-idea discipline to keep a naive label from turning into a scrapbook.
- West German Conceptual Film & Culture Poster (Hillmann and Rambow) Contrasts · Savignac's visual gag is drawn and painted to make people smile at a product; the Kassel poster finds its pun in photographs and silhouettes, and its humour is darker and aimed at a film's or play's subject.
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.
- Pop Art Graphics Contrasts · Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
- Italian Painted Film Poster (Rome Studios) Contrasts · Grid, restraint and photographic objectivity are the opposite of a crowded painted montage.