Stylogeny combining Swiss Punk × Neo-Swiss Revival

Try

Style combination · Pairs well

Swiss Punk × Neo-Swiss Revival

Borrow New Wave's letterspacing and stepped lines to make a contemporary neo-Swiss grid feel alive.

From the research on Swiss Punk / New Wave Typography

Mix them and make something Swiss Punk Neo-Swiss Revival

IndexSwiss Punk × Neo-Swiss Revival1968 · 2005
A sample layout drawn from the recipe: shapes from Swiss Punk, their arrangement from Neo-Swiss Revival, the finish from Swiss Punk. 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.

Swiss Punk / New Wave Typography Neo-Swiss Revival

Type from Swiss Punk
Colour from Neo-Swiss Revival
Form from Swiss Punk
Composition from Neo-Swiss Revival
Surface from Swiss Punk

02

The type

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

Display · Swiss Punk

Index

Inter Tight, standing in for Akzidenz-Grotesk

Text · Neo-Swiss Revival

A contemporary revival of the International Typographic Style, fuelled by digital re-releases of neo-grotesques and by studios such as Experimental Jetset and Norm: modular grids, flush-left grotesque type, huge tightly set headlines and flat fields of black, white and one signal colour. It treats Swiss modernism as a living toolkit for posters, identities and the responsive web, sometimes with a knowing, citational wink.

Inter; Neo-Swiss Revival used Akkurat and Neue Haas Grotesk

03

The colours

The ground and leading colours come from Neo-Swiss Revival, with a counter-accent from Swiss Punk. The ink reads on the ground at 4.5:1 or more.

Swiss Punk / New Wave Typography Neo-Swiss Revival

  • #f5f5f0 ground · 36%
  • #111111 ink · 14%
  • #ff4a1c accent · 18%
  • #e6007e accent · 14%
  • #1d3bff accent · 10%
  • #f7d117 accent · 8%

As CSS

:root {
  --ground: #f5f5f0;
  --ink: #111111;
  --accent-1: #ff4a1c;
  --accent-2: #e6007e;
  --accent-3: #1d3bff;
  --accent-4: #f7d117;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Swiss Punk

With Neo-Swiss Revival

All 14 combinations with Neo-Swiss Revival

Every style combination