Style combination · Pairs well
Isotype Pictorial Statistics × Newsroom Data Graphics
When the count is of people, swap the bar for an Isotype row of repeated figures and keep the newsroom's flush-left finding title, annotations and source line.
Mix them and make something Isotype Pictorial Statistics Newsroom Data 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 Newsroom Data Graphics & Scrollytelling
- Type from Newsroom Data Graphics
- Colour from Isotype Pictorial Statistics
- Form from Isotype Pictorial Statistics
- Composition from Newsroom Data Graphics
- Surface from Isotype Pictorial Statistics
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
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 Newsroom Data Graphics. The ink reads on the ground at 4.5:1 or more.
Isotype Pictorial Statistics Newsroom Data Graphics & Scrollytelling
-
#f2ecdfground · 36% -
#1a1a1aink · 14% -
#c8372daccent · 18% -
#faab18accent · 14% -
#2c5aa0accent · 10% -
#8a5a3baccent · 8%
As CSS
:root {
--ground: #f2ecdf;
--ink: #1a1a1a;
--accent-1: #c8372d;
--accent-2: #faab18;
--accent-3: #2c5aa0;
--accent-4: #8a5a3b;
--font-display: "Inter Tight", sans-serif;
--font-text: "Jost", sans-serif;
}Use it with care
Newsroom Data Graphics & Scrollytelling: The look signals checked, sourced reporting: never use it to present invented, unsourced or AI-generated figures as data, always name the source, and do not copy a newspaper's proprietary typefaces, masthead or logo. Give every chart a text summary and do not let colour alone carry the meaning, for readers who use screen readers or cannot tell the highlight colours apart. In a mock-up or generated image the figures are invented: label them plainly as illustrative (for example 'Source: illustrative data'), and never attribute them to a real newspaper, agency, survey or person.
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 Newsroom Data Graphics
- Dark Tech Minimalism Contrasts · The dark dashboard shows unannotated metrics in tiles for people who already know what to look for; the newsroom chart sits on white and tells a general reader in words what the data shows. Add a finding title and one annotation when a dashboard has to explain itself.
- International Typographic Style Pairs well · Swiss flush-left grotesque setting on a strict grid carries the chart style into print editions, posters and reports while keeping the same rational voice.
- GOV.UK Design (GDS Style) Pairs well · Both are plain public-information web design on a white column with colours that each have one job; set the charts inside GOV.UK-style plain-text pages for public data releases.
- Data Humanism Contrasts · Newsroom graphics use chart types readers already know, labelled directly so they can be read at a glance; data humanism invents a new hand-drawn code for each dataset and asks for slow reading. Use the newsroom chart for the finding, a hand-drawn data portrait for the people behind it.
- Legible City Wayfinding (Heads-Up Pedestrian Maps) Pairs well · Add the annotated locator maps of data journalism to explain a neighbourhood with the same heads-up clarity.
- Instagram Slideshow Activism (Social-Justice Infographics) Contrasts · Sourced charts with a stated finding are the next step from a slide of bare bullet-point claims; the source line on every slide is common ground, since @soyouwanttotalkabout's maker said hers stood out for 'including sources at the bottom of every slide'.
- Sketchnoting and Graphic Recording Contrasts · Drawn live from speech rather than constructed from data; the pairing makes a plain summary more personal.