Stylogeny combining Emigre × Neo-Swiss Revival

Try

Style combination · Contrasts

Emigre × Neo-Swiss Revival

Neo-Swiss restraint is the foil to Emigre's typographic overload; one Emigre display face in a neo-Swiss layout adds personality.

From the research on Emigre & Early Digital Type

Mix them and make something Emigre Neo-Swiss Revival

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

Emigre & Early Digital Type Neo-Swiss Revival

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

02

The type

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

Display · Emigre

Form

Workbench; Emigre used Oakland and Emperor

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 Emigre. The ink reads on the ground at 4.5:1 or more.

Emigre & Early Digital Type Neo-Swiss Revival

  • #f5f5f0 ground · 36%
  • #111111 ink · 14%
  • #ff4a1c accent · 18%
  • #1d3bff accent · 14%
  • #2b59c3 accent · 10%
  • #c8c8c3 accent · 8%

As CSS

:root {
  --ground: #f5f5f0;
  --ink: #111111;
  --accent-1: #ff4a1c;
  --accent-2: #1d3bff;
  --accent-3: #2b59c3;
  --accent-4: #c8c8c3;
  --font-display: "Workbench", monospace;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Emigre

With Neo-Swiss Revival

All 14 combinations with Neo-Swiss Revival

Every style combination