Stylogeny combining Ligne Claire × Push Pin Style

Try

Style combination · Contrasts

Ligne Claire × Push Pin Style

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.

From the research on Ligne Claire (Franco-Belgian Clear Line)

Mix them and make something Ligne Claire Push Pin Style

Yay!Ligne Claire × Push Pin Style1929 · 1954
A sample layout drawn from the recipe: shapes from Ligne Claire, their arrangement from Ligne Claire, the finish from Push Pin Style. Not a real work, and not an image of either 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.

Ligne Claire (Franco-Belgian Clear Line) Push Pin Style

Type from Push Pin Style
Colour from Ligne Claire
Form from Ligne Claire
Composition from Ligne Claire
Surface from Push Pin Style

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Push Pin Style

Yay!

Righteous; Push Pin Style used Baby Teeth and Glaser Stencil

Text · Ligne Claire

The comic drawing style of Hergé's Tintin and the Brussels school, named 'klare lijn' by Joost Swarte in 1977. One even, unhatched contour closes every figure and object, and flat, bright colour fills it without shading. Caricatural characters stand in researched, realistically drawn streets, machines and landscapes, all evenly lit and equally legible. Revived from the late 1970s by Swarte, Chaland, Floc'h and Ted Benoit, it left the album page for posters, record sleeves, magazine covers, murals and advertising, often in a knowing 1950s-retro key.

Comic Neue; Ligne Claire used Bold hand-drawn capitals for titles and Heavy hand-drawn display capitals

03

The colours

The ground and leading colours come from Ligne Claire, with a counter-accent from Push Pin Style. The ink reads on the ground at 4.5:1 or more.

Ligne Claire (Franco-Belgian Clear Line) Push Pin Style

  • #fbf6e9 ground · 36%
  • #1a1a1a ink · 14%
  • #f0b73a accent · 18%
  • #d8352a accent · 14%
  • #3b6fb6 accent · 10%
  • #9cc3e0 accent · 8%

As CSS

:root {
  --ground: #fbf6e9;
  --ink: #1a1a1a;
  --accent-1: #f0b73a;
  --accent-2: #d8352a;
  --accent-3: #3b6fb6;
  --accent-4: #9cc3e0;
  --font-display: "Righteous", sans-serif;
  --font-text: "Comic Neue", cursive;
}

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.

05

More combinations

With Ligne Claire

All 26 combinations with Ligne Claire

With Push Pin Style

All 16 combinations with Push Pin Style

Every style combination