Style combination · Contrasts
Grapus × International Typographic Style
Grapus rejected the Swiss style taught at the Arts Déco; set a scrawled, painted headline against a grid of neutral sans to stage that quarrel between personal voice and neutrality.
Mix them and make something Grapus 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.
Grapus (French Militant Graphic Collective) International Typographic Style
- Type from Grapus
- Colour from International Typographic Style
- Form from Grapus
- Composition from International Typographic Style
-
Grapus avoids modular grid: this is where the two pull against each other, which is the point of the contrast.
- Surface from Grapus
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Grapus
Tomorrow
Caveat, standing in for Handwriting in brush, felt-tip marker and crayon, written on the artwork in capitals or mixed case and often running sideways or round the picture, as on Poésies Aubervilliers (1983) and Peace! (1990)
Text · International Typographic Style
A post-war refinement of the New Typography in which the mathematical grid, objective photography and neo-grotesque sans-serifs were used to communicate with clarity and neutrality. Taught at the Basel and Zurich schools, it became the default language of international corporate and institutional communication.
Inter; International Typographic Style used Akzidenz-Grotesk and Helvetica
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Grapus. The ink reads on the ground at 4.5:1 or more.
Grapus (French Militant Graphic Collective) International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#f5c518accent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #f5c518;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Caveat", cursive;
--font-text: "Inter", sans-serif;
}
Use it with care
Grapus (French Militant Graphic Collective): Grapus images were conceived and signed collectively, and Pierre Bernard and his former colleagues publicly disputed authorship and copyright in 2006, after his Erasmus Prize and a poster catalogue, so credit 'Grapus' rather than one designer; logos such as the Secours populaire's winged hand belong to the organisations that commissioned them, and the posters' party symbols and partisan slogans (the hammer and sickle, the PLO line on Palestine) should not be reused as neutral decoration.
04
The two styles
05
More combinations
With Grapus
- Punk & DIY Zine 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.
- Solidarność & Polish Underground Graphics Pairs well · Opposite sides of the communist divide but the same Polish poster lineage: Janiszewski's crowded red letters and Grapus's loose handwriting both make a movement's voice look written by people, not set by an office.
- Atelier Populaire (May '68 Screenprint Poster) Contrasts · The founders came out of the 1968 workshops, but the Beaux-Arts atelier pulled one flat ink, one brushed silhouette and a slogan in rough capitals; Grapus layers photographs, paint and coloured handwriting, mostly on white. Use the first for overnight urgency, Grapus for a warmer, longer campaign.
- Australian Poster Collective Screenprints Pairs well · Both credit a collective rather than a designer and work for unions and community clients; borrow the Australians' hand-cut screenprint stencils when a Grapus-style idea must be printed cheaply and locally.
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.