Style combination · Contrasts
Ligne Claire × UPA
Both draw cartoon characters in a clean line with flat colour, but the clear line closes every contour exactly and sets its figures in researched, deep, realistic streets. UPA often lets the colour slip off the line and erases the setting down to a single shade or tilts it into skewed perspective.
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.
Ligne Claire (Franco-Belgian Clear Line) UPA & Cartoon Modern
- Type from Ligne Claire
- Colour from UPA
- Form from Ligne Claire
-
UPA avoids naturalistic depiction: this is where the two pull against each other, which is the point of the contrast.
- Composition from Ligne Claire
- Surface from UPA
-
Ligne Claire avoids misregistration & overprint: 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 · Ligne Claire
Wow
Londrina Solid, standing in for Bold hand-drawn capitals for titles (album titles under a small header naming the author and series: black on a coloured ground, THE BLUE LOTUS on red; yellow on a night sky, EXPLORERS ON THE MOON)
Text · UPA
The modern cartoon of United Productions of America (UPA) and the 1950s films, commercials and books it inspired. Former Disney artists who looked to Matisse, Klee, Dufy, Léger and Picasso turned against Disney's illusionism. They flattened character and setting into one plane: caricatures in a clean line, colour laid flat and often slipped off that line, rooms cut to a few shapes on one shade or tilted askew, and limited animation. Gerald McBoing-Boing (1950), its drawings likened to Saul Steinberg's, and Mr. Magoo carried the look to Warner Bros., MGM, Disney and television.
Newsreader; UPA used Playful hand-drawn cartoon lettering and Gestural biomorphic display letters
03
The colours
The ground and leading colours come from UPA, with a counter-accent from Ligne Claire. The ink reads on the ground at 4.5:1 or more.
Ligne Claire (Franco-Belgian Clear Line) UPA & Cartoon Modern
-
#1c1c1cground · 36% -
#f1e8d2ink · 14% -
#d8a32baccent · 18% -
#d6482caccent · 14% -
#2e8c87accent · 10% -
#e893a4accent · 8%
As CSS
:root {
--ground: #1c1c1c;
--ink: #f1e8d2;
--accent-1: #d8a32b;
--accent-2: #d6482c;
--accent-3: #2e8c87;
--accent-4: #e893a4;
--font-display: "Londrina Solid", cursive;
--font-text: "Newsreader", serif;
}Use it with care
Ligne Claire (Franco-Belgian Clear Line): Tintin and his companions and Blake and Mortimer are copyrighted characters whose rights are actively enforced (Hergé's by Tintinimaginatio, called Moulinsart until 2022), and Swarte, Floc'h and Meulen are working artists: draw your own characters, settings and lettering in the shared idiom, never ask an image model for these artists or characters by name, and never present a generated picture as theirs. The style's clarity does not neutralise its early content: Tintin in the Congo caricatures Congolese people as childlike in a colonial frame, and The Shooting Star, serialised in the German-controlled Le Soir in 1941–42, made its villain an antisemitic caricature of a Jewish financier (renamed in 1954). Simplify every character with the same economy as the lead, and never use exaggerated lips, noses, skin colour or dress as ethnic markers.
UPA & Cartoon Modern: Mr. Magoo and Gerald McBoing-Boing are still licensed characters, and the films are not free to copy. Borrow the method (a flat field, a caricature, colour slipping off the line), never the characters, and do not present new work as a UPA film. Leave out the Asian caricature of Magoo's houseboy Charlie, which was dropped in the late 1960s, and gags that mock disability: blind and low-vision groups, including the National Federation of the Blind, protested the 1997 Magoo film.
04
The two styles
05
More combinations
With Ligne Claire
- Lianhuanhua Picture-Story Books Contrasts · Both tell stories in outlined drawings; lianhuanhua gives each pocket-sized page one framed black-ink picture with a caption and keeps colour for the cover, ligne claire fills tiered multi-panel pages with balloons and flat, bright colour, caricatural figures in realistic settings.
- Push Pin Style Contrasts · Push Pin also draws in outline and flat colour, but mixes revived Victorian and Art Nouveau display faces, ornament and distortion; switch to ligne claire for one disciplined line, no ornament and evenly legible scenes.
- Flat Design Pairs well · Flat, unshaded fields translate directly to screen; add ligne claire's even outline and documented settings to flat UI illustration for scenes with more narrative and character, keeping ligne claire's perspective, which flat design avoids.
- Googie & Atomic Age Pairs well · The 1980s revival's 'atomic style' (Swarte's 1977 name for the 1950s Marcinelle school of Spirou, above all Jijé's early work, which Ever Meulen and Yves Chaland remade, with Franquin among Chaland's models; its figures rounder and more dynamic than Hergé's static, schematic line) drew on the optimism and futurism of the 1950s; Googie's boomerangs, starbursts, atoms and roadside signs suit a clear-line street scene or poster, drawn with ligne claire's even contour.
- Pop Art Graphics Contrasts · Hergé admired Roy Lichtenstein, but pop art blows single comic panels up, with enlarged Ben-Day dots and irony; choose ligne claire when the picture should tell a story legibly across a page, in flat, dot-free colour, rather than comment on mass media.
- City Pop Illustration Pairs well · Eizin Suzuki drew his city-pop sleeves and FM Station covers in a ligne-claire manner likened to Hergé's, rendering gradation in solid lines; pair them for a sunlit resort or street scene drawn in clear line under a deep blue sky, keeping ligne claire's unshaded colour.
- Korean Webtoon Graphics Contrasts · Both tell stories in outlined character art; webtoon scrolls one vertical strip on a phone with painterly gradients and brushwork, ligne claire tiers framed panels on a printed page in flat, unshaded colour.
- Ukiyo-e Woodblock Prints Pairs well · Hergé absorbed Chinese and Japanese woodcuts while researching The Blue Lotus, some of his seascapes recall Hokusai and Hiroshige, and the style was also influenced by Japan's shin-hanga prints; borrow ukiyo-e's waves, skies and outlined flat colour for a clear-line landscape.
With UPA
- Push Pin Style Contrasts · Its New York contemporary shared UPA's comic, distorted figures and irony but went the opposite way on ornament: Push Pin piled on revived Victorian and Art Nouveau lettering, borders and ornament, while UPA stripped the picture to a figure, a line and a flat field.
- American Mid-Century Modernism Pairs well · Its print parent: Alvin Lustig drew UPA's logo. Both use flat colour, simple shapes and visual wit. Add UPA's caricatured characters and stripped sets to a Rand- or Lustig-style layout when an idea needs a cast of people rather than a single symbol.
- Thaw Modernism (Soviet and Czechoslovak) Contrasts · The nearest genome in the atlas, and close kin in animation: critics found that Khitruk's Story of a Crime (1962) looked more like UPA than Disney, and called it a rare example of Soviet cartoon modern design. It shares the limited movement and the set cut down to its props. But Thaw modernism prints a few clear pastel inks on a light ground and aims at civic, Sputnik-age optimism, while UPA sets one or two caricatures on a single, often saturated, flat field, often lets the colour slip off the line and pokes fun at American folkways.
- Corporate Memphis Contrasts · A distant flat-figure descendant: both distort the body over flat colour, but Corporate Memphis is faceless, smooth and earnest. UPA often keeps a drawn line slipping off its colour, caricatures people and their movements, and pokes fun at them.
- Risograph & Indie Print Culture Pairs well · Riso's flat spot inks and loose registration naturally reproduce the divorced line, which suits small-run picture books, posters and zines today.
- Rubber-Hose Revival (Cartoon Mascot Graphics) Contrasts · UPA rejected exactly this: it traded rubbery full movement and round bodies for angular caricature, flat modernist sets and limited animation.
- Flash Vector Cartoon (Newgrounds-Era Web Animation) Contrasts · Same limited-animation logic, but hand-painted, off-register and spare; set against mechanical vector lines and tweened puppets.
- French Post-War Visual-Gag Poster (Savignac, Villemot, Morvan) Pairs well · UPA's flat, slipped colour and deadpan caricature carry the same good-natured wit into motion; use it to animate a gag poster for screens.