Style combination · Contrasts
Corporate Memphis × Data Humanism
Both aim to feel warm and human, but Corporate Memphis draws generic faceless figures for mood, while data humanism draws the specific data of specific people. Replace stock warmth with a drawing of real data when a brand needs sincerity.
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.
Corporate Memphis Data Humanism
- Type from Data Humanism
- Colour from Corporate Memphis
- Form from Corporate Memphis
- Composition from Data Humanism
- Surface from Data Humanism
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Data Humanism
Hello
Caveat, standing in for The designer's own handwriting in pen or pencil for titles, legends and annotations (the Dear Data postcards; the red handwritten script of Lupi's Print manifesto, 2017)
Text · Corporate Memphis
The flat vector illustration style that became the default visual voice of big tech in the late 2010s: faceless, ethnically non-specific figures with elongated limbs and tiny heads, drawn in bright flat colour among blobs, leaves and confetti. Codified in Buck's Alegria system for Facebook (2017) and spread by open libraries such as unDraw and Humaaans, it was later named, half-mockingly, after the Memphis Group.
Hanken Grotesk; Corporate Memphis used Circular and Airbnb Cereal
03
The colours
The ground and leading colours come from Corporate Memphis, with a counter-accent from Data Humanism. The ink reads on the ground at 4.5:1 or more.
Corporate Memphis Data Humanism
-
#ffffffground · 36% -
#2f2e41ink · 14% -
#ffc857accent · 18% -
#6c63ffaccent · 14% -
#e0574aaccent · 10% -
#ff7f6eaccent · 8%
As CSS
:root {
--ground: #ffffff;
--ink: #2f2e41;
--accent-1: #ffc857;
--accent-2: #6c63ff;
--accent-3: #e0574a;
--accent-4: #ff7f6e;
--font-display: "Caveat", cursive;
--font-text: "Hanken Grotesk", sans-serif;
}
Use it with care
Data Humanism: Data portraits are usually drawn from real people's lives (health, moods, relationships, locations): get consent and anonymise before publishing other people's personal data. Because the custom encodings cannot be read at a glance, give a plain-text summary and the key alongside the drawing for readers who use screen readers or are in a hurry.
04
The two styles
05
More combinations
With Corporate Memphis
- Polish Poster School Contrasts · Polish poster metaphor and painterly ambiguity show how much illustration can say once it stops being generic.
- Risograph & Indie Print Culture Pairs well · Add riso grain and two spot inks to the figures to escape the over-familiar SaaS sheen and give them printed warmth.
- DTC 'Blanding' / Millennial Minimalism Pairs well · Its photo-led start-up sibling: pair Corporate Memphis figures with blanding's pastel ground and geometric sans when a brand needs both people and product.
- Brutalist Web Design Contrasts · Brutalism's raw honesty is the opposite of this friendly gloss; reach for it when a brand needs credibility over cheer.
- Memphis Design Contrasts · The original's real colour clash, irony and Sottsass or Du Pasquier patterns are the foil to generic confetti blobs; borrow one genuine Memphis pattern to give the illustration an edge.
- Rubber-Hose Revival (Cartoon Mascot Graphics) Contrasts · Both draw stretched figures in flat colour, but the revival gives each brand its own outlined, nostalgic mascot where Corporate Memphis uses interchangeable faceless people.
- CalArts Style (Rounded Cartoon Character Design) Pairs well · Both use flat fills and simplified figures; borrow its pastel UI-illustration palette, but keep faces and expressions, which Corporate Memphis drops.
- Corporate Identity Modernism Contrasts · Its successor trades abstract authority for rubbery friendliness; compare the two to decide how institutional or human a brand should feel.
With Data Humanism
- Isotype Pictorial Statistics 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.
- Generative & Dynamic Identities Pairs well · Let a generative system draw personal data portraits from people's own answers, as What Counts did, but give the code a hand-drawn grammar and a legend so the output reads as made by people.
- Dark Tech Minimalism Contrasts · The dark dashboard shows a few clean metrics at a glance; data humanism draws the messy, qualitative data a dashboard leaves out. Put one hand-drawn data portrait beside the KPIs to show the people behind the numbers.
- Risograph & Indie Print Culture Pairs well · Print hand-drawn data drawings in two or three riso spot inks for zines and postcards, so each ink becomes one data category and the grain matches the hand.
- Biobrand (Organic Biotech CGI) Contrasts · Data humanism draws organic forms by hand to encode real observations; the biobrand renders them as promotional objects. Borrow its honest encoding when a render risks overclaiming.
- Sketchnoting and Graphic Recording Pairs well · Both keep the human hand visible in explanatory drawing; sketchnoting adds live speed and containers.
- Newsroom Data Graphics & Scrollytelling 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.
- Mithila (Madhubani) Painting Pairs well · Both treat hand-drawn hatching, dots and repeated small marks as content; a kachni-style legend or border can give a hand-drawn chart a South Asian line vocabulary, provided a Mithila painter is commissioned for it.