Stylogeny combining Kinetic Typography × Lucerne Poster Scene

Try

Style combination · Pairs well

Kinetic Typography × Lucerne Poster Scene

Lucerne's twisted and warped letters are already halfway to motion (The Notwist also ran as an animated poster); animate the construction for screens while keeping the printed F4 as the still.

From the research on Lucerne Poster Scene (Neubad & Südpol Posters)

Mix them and make something Kinetic Typography Lucerne Poster Scene

HELLOKinetic Typography × Lucerne Poster Scene
A sample layout drawn from the recipe: shapes from Lucerne Poster Scene, their arrangement from Lucerne Poster Scene, the finish from Lucerne Poster Scene. 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.

Kinetic Typography & Variable Type Lucerne Poster Scene (Neubad & Südpol Posters)

Type from Kinetic Typography
Colour from Kinetic Typography
Form from Lucerne Poster Scene
Composition from Lucerne Poster Scene
Surface from Lucerne Poster Scene

02

The type

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

Display · Kinetic Typography

Hello

Inter Tight, standing in for Variable grotesques with weight and width axes (e.g. Roboto Flex)

Text · Lucerne Poster Scene

Lucerne's poster culture for small non-commercial venues (Südpol, Neubad, Treibhaus) and the Weltformat festival. Each event gets a one-off poster, most often with the title as the picture: letters built, twisted or warped into one optical motif. Neubad's posters are black and white only; Felix Pfäffli's Südpol series (2010–2015) added Risograph colour. The scene rests on local designers' exchange, fostered by Brechbühl through Weltformat (co-founded 2009) and the Show & Tell meetings (2012); in 2015, 26 of the 100 best posters from Germany, Austria and Switzerland came from the Lucerne area.

Space Grotesk; Lucerne Poster Scene used Letters constructed or distorted for each poster and The Südpol typeface drawn by Erich Brechbühl in 2008 from the letterforms of the signage of the old slaughterhouse, used for the SÜDPOL wordmark that recurs, in varying positions, on the Südpol posters

03

The colours

The ground and leading colours come from Kinetic Typography, with a counter-accent from Lucerne Poster Scene. The ink reads on the ground at 4.5:1 or more.

Kinetic Typography & Variable Type Lucerne Poster Scene (Neubad & Südpol Posters)

  • #0b0b0b ground · 36%
  • #f3f3ef ink · 14%
  • #ff3d1f accent · 18%
  • #f0e111 accent · 14%
  • #2b3dff accent · 10%
  • #ff415b accent · 8%

As CSS

:root {
  --ground: #0b0b0b;
  --ink: #f3f3ef;
  --accent-1: #ff3d1f;
  --accent-2: #f0e111;
  --accent-3: #2b3dff;
  --accent-4: #ff415b;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Space Grotesk", sans-serif;
}

05

More combinations

With Kinetic Typography

With Lucerne Poster Scene

Every style combination