Stylogeny combining Bauhaus × Neo-Swiss Revival

Try

Style combination · Pairs well

Bauhaus × Neo-Swiss Revival

Neo-Swiss identities absorb Bauhaus primitives and lowercase easily for a contemporary system with historic depth.

From the research on Bauhaus

Mix them and make something Bauhaus Neo-Swiss Revival

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

Bauhaus Neo-Swiss Revival

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

02

The type

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

Display · Neo-Swiss Revival

Grid

Inter Tight, standing in for Neue Haas Grotesk (Christian Schwartz revival)

Text · Bauhaus

The German school founded by Walter Gropius in 1919 moved from Expressionist craft ideals to a programme of 'art and technology' after 1923, when Moholy-Nagy, Herbert Bayer and Joost Schmidt made its printing and advertising workshops a laboratory for functional communication. Its graphics combine geometric sans-serif and lowercase type, bold rules, primary colours and basic shapes with photography in asymmetric, systematic layouts.

Jost; Bauhaus used Herbert Bayer's Universal alphabet and Josef Albers's stencil and combination alphabets

03

The colours

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

Bauhaus Neo-Swiss Revival

  • #f2efe6 ground · 36%
  • #121212 ink · 14%
  • #f2c12e accent · 18%
  • #ff4a1c accent · 14%
  • #d7261e accent · 10%
  • #1d3bff accent · 8%

As CSS

:root {
  --ground: #f2efe6;
  --ink: #121212;
  --accent-1: #f2c12e;
  --accent-2: #ff4a1c;
  --accent-3: #d7261e;
  --accent-4: #1d3bff;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Bauhaus

With Neo-Swiss Revival

All 14 combinations with Neo-Swiss Revival

Every style combination