Style combination · Contrasts
Isotype Pictorial Statistics × Surrealist Graphics
Isotype's one-symbol-one-meaning is the antithesis of Surrealist ambiguity; decide whether the viewer should decode or be disturbed.
Mix them and make something Isotype Pictorial Statistics Surrealist 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.
Isotype Pictorial Statistics Surrealist Graphics
- Type from Surrealist Graphics
- Colour from Isotype Pictorial Statistics
- Form from Surrealist Graphics
-
Isotype Pictorial Statistics avoids naturalistic depiction: this is where the two pull against each other, which is the point of the contrast.
- Composition from Surrealist Graphics
-
Isotype Pictorial Statistics avoids illusion of depth: this is where the two pull against each other, which is the point of the contrast.
- Surface from Isotype Pictorial Statistics
-
Surrealist Graphics avoids flat: 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.
Display · Surrealist Graphics
Grid
Gloock; Surrealist Graphics used Artists' hand-lettered mastheads and Didone and Victorian display faces lifted from 19th-century catalogues
Text · Isotype Pictorial Statistics
A method of visual education developed by Otto Neurath, Marie Neurath (Reidemeister) and Gerd Arntz in Red Vienna from 1925, which turns statistics into rows of identical pictograms where a greater quantity is shown by more signs, never by bigger ones. Continued in The Hague and Oxford until 1971, its standardised symbols, flat colours and sans-serif captions laid the foundations of modern information graphics and pictogram systems.
Jost; Isotype Pictorial Statistics used Futura and Gerd Arntz's linocut pictogram set (c. 4,000 signs), used like a fount of picture-type
03
The colours
The ground and leading colours come from Isotype Pictorial Statistics, with a counter-accent from Surrealist Graphics. The ink reads on the ground at 4.5:1 or more.
Isotype Pictorial Statistics Surrealist Graphics
-
#f2ecdfground · 36% -
#1a1a1aink · 14% -
#c8372daccent · 18% -
#2c5aa0accent · 14% -
#d8b77aaccent · 10% -
#8a5a3baccent · 8%
As CSS
:root {
--ground: #f2ecdf;
--ink: #1a1a1a;
--accent-1: #c8372d;
--accent-2: #2c5aa0;
--accent-3: #d8b77a;
--accent-4: #8a5a3b;
--font-display: "Gloock", serif;
--font-text: "Jost", sans-serif;
}04
The two styles
05
More combinations
With Isotype Pictorial Statistics
- International Typographic Style Pairs well · Set Isotype rows of pictograms on a Swiss grid for public information that is rigorous yet friendly.
- Socialist Realist Propaganda Poster Contrasts · Socialist Realism dramatises with heroic figures while Isotype persuades by counting; choose evidence over emotion when trust matters.
- Flat Design Pairs well · Flat icon sets are Isotype's heirs; apply its one-symbol-one-meaning rule to keep an icon family consistent.
- Corporate Memphis Contrasts · Corporate Memphis uses flat figures for mood; Isotype's figures always count something, so use people icons only when they carry data.
- Ancient Egyptian Hieroglyphic & Register Composition Pairs well · Otto Neurath called his visual autobiography From hieroglyphics to Isotype, with chapters on hieroglyphics through the centuries and their renaissance; borrow the rule-bound sign family and rows of standing figures, but note the opposite rule of size: Isotype shows more by adding signs of equal size, Egypt shows rank by making one figure bigger.
- Data Humanism Contrasts · Isotype fixes one standard sign per thing and counts by repeating it so anyone can read the chart; data humanism invents a new code for each dataset and asks for slow reading. Choose Isotype for public information, data humanism for portraits of particular lives.
- Schematic Transit Diagram (Beck Tube Map Idiom) Pairs well · Add pictorial statistics beside the diagram to carry quantities as well as connections.
- Warli Painting Contrasts · Both build people from a few reduced shapes and repeat them in rows; Isotype's figures count data in flat colours on a light ground, Warli's narrate ritual and village life in white on earth, so borrow the repetition but not the meaning.
With Surrealist Graphics
- Corporate Identity Modernism Contrasts · Place a single dream image inside a strict corporate grid; the calm system heightens the strangeness.
- Psychedelic Poster Pairs well · Psychedelic posters revived Surrealist dream imagery; combine them for hallucinatory figurative work with melting forms.
- Polish Poster School Pairs well · Polish poster artists fused Surrealist metaphor with painterly lettering; borrow the method for cultural posters built on one uncanny image.
- Post-Punk Record Sleeve (Stiff, Factory, 4AD) Pairs well · Vaughan Oliver drew on Dalí and Surrealism; add an uncanny juxtaposition to a blurred, textured 23 Envelope photograph for a dream-like sleeve.
- Brodovitch Editorial Design (Harper's Bazaar) Pairs well · Take its isolated body parts, torn edges and dreamlike juxtaposition, but apply them to the photographic spread.
- AIZ Political Photomontage (Heartfield) Pairs well · Surrealist photography also makes the impossible look photographed; take its dream logic when a brief needs strangeness, and add the AIZ headline and caption when that strangeness has to land a political point.
- Emblem Book (Motto, Picture & Epigram) Pairs well · Both find meaning in the gap between a picture and the words beside it; pair a framed, uncanny object with a terse motto above and a short verse below for an editorial series that asks to be decoded.
- Basel Object Poster (Swiss Sachplakat) 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.