Style combination · Contrasts
Basel Object Poster × International Typographic Style
The style that displaced it in the same cities around 1950: a grid, objective photography and a neutral grotesque instead of one painted object and a hand-lettered name. Set the two side by side to show the shift from crafted illusion to systematic information.
Mix them and make something Basel Object 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.
Basel Object Poster (Swiss Sachplakat) International Typographic Style
- Type from International Typographic Style
- Colour from International Typographic Style
- Form from Basel Object Poster
- Composition from Basel Object Poster
- Surface from Basel Object Poster
-
International Typographic Style avoids skeuomorphic material: this is where the two pull against each other, which is the point of the contrast.
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Basel Object Poster
The Swiss descendant of the German object poster, made in Zurich and above all Basel from 1919 to the early 1950s. One everyday product (a top hat, a tweed coat, a toothpaste tube, a fountain-pen nib, a match, a curl of butter) is painted larger than life with modelled light, cast shadows and tactile surfaces, set on a plain dark, pale or softly graded ground, with little more than the brand name as text. Rooted in the Neue Sachlichkeit, it raises the product to a quiet, uncanny icon; from about 1940 Leupin and Brun added humour and visual puns.
Fira Sans; Basel Object Poster used Brand name painted on the product and Light italic slogan over a heavy name
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Basel Object Poster. The ink reads on the ground at 4.5:1 or more.
Basel Object Poster (Swiss Sachplakat) International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#f0c419accent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #f0c419;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Inter Tight", sans-serif;
--font-text: "Fira Sans", sans-serif;
}
04
The two styles
05
More combinations
With Basel Object Poster
- Art Deco Contrasts · A source as well as a foil: Leupin studied at the École Paul Colin in Paris in 1935-36 and took strong impressions from Colin and from Colin's rival Cassandre. Both make a product a heroic icon, but Deco stylises it into a geometric silhouette with airbrushed gradation and geometric capitals, while Basel paints the real object, its material and its label, as a still life.
- Skeuomorphic UI Pairs well · Skeuomorphic app icons rendered glass, metal and leather the same way for screens; a Basel-style single product with a soft cast shadow on a dark ground makes a strong hero image for packaging or a product launch.
- Plakatstil / Sachplakat Contrasts · Its parent and nearest relative: Berlin's Sachplakat flattens the product into a silhouette in two to four flat colours with heavy block lettering, while Basel paints the same single object in full light and shadow, glass and tweed included. Choose Basel when the material of the product should sell it.
- Surrealist Graphics Pairs well · Both paint ordinary things with illusionistic precision until they look strange; borrow a Magritte-like juxtaposition to push a Basel still life from product portrait to visual riddle, as Leupin did with his newspaper and globe.
- Pop Art Graphics Contrasts · Both make an icon of a consumer product, but Pop repeats it in flat screenprinted colour with irony, where Basel paints one specimen with reverent, tactile care.
- West German Conceptual Film & Culture Poster (Hillmann and Rambow) Contrasts · Both isolate one object on a plain ground, but Basel paints a product in glossy lithographic realism to sell it; here the object stands for a film's theme, is cut to a flat silhouette or a grainy photograph, and rarely flatters.
- French Post-War Visual-Gag Poster (Savignac, Villemot, Morvan) 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.
- Finnish Symbol Poster (the 'Finnish School', 1954–1995) Contrasts · Kamekura compared Varis's humour to Leupin's, but the Basel poster paints the object in glossy relief where the Finnish one flattens it into a sign.
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.