Stylogeny combining Nordic Noir Book Cover × Scandinavian Functionalism

Try

Style combination · Contrasts

Nordic Noir Book Cover × Scandinavian Functionalism

Functionalism's warm light and clarity turned cold and ominous; keep the restraint, invert the mood.

From the research on Nordic Noir Book Cover

Mix them and make something Nordic Noir Book Cover Scandinavian Functionalism

HOMENordic Noir Book Cover × Scandinavian Functionalism
A sample layout drawn from the recipe: shapes from Nordic Noir Book Cover, their arrangement from Scandinavian Functionalism, the finish from Nordic Noir Book Cover. 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.

Nordic Noir Book Cover Scandinavian Functionalism

Type from Nordic Noir Book Cover
Colour from Scandinavian Functionalism
Form from Nordic Noir Book Cover
Composition from Scandinavian Functionalism
Surface from Nordic Noir Book Cover

02

The type

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

Display · Nordic Noir Book Cover

Home

Inter Tight, standing in for Bold grotesque sans-serif capitals

Text · Scandinavian Functionalism

Nordic functionalism (funkis) arrived in graphic form with Sigurd Lewerentz's posters and winged emblem for the 1930 Stockholm Exhibition. It adapted Bauhaus rationalism to a social-democratic ideal of beautiful everyday things for everyone. Its graphic language is modernism with warmth: clear sans-serif or humane serif type, generous space, friendly simplified symbols and colours taken from nature, applied to public services, consumer goods and national identities.

Jost; Scandinavian Functionalism used Futura and Berling Antikva

03

The colours

The ground and leading colours come from Scandinavian Functionalism, with a counter-accent from Nordic Noir Book Cover. The ink reads on the ground at 4.5:1 or more.

Nordic Noir Book Cover Scandinavian Functionalism

  • #f6f3ec ground · 36%
  • #1f2a37 ink · 14%
  • #e3b53a accent · 18%
  • #b3171d accent · 14%
  • #8fa3b3 accent · 10%
  • #3e6b50 accent · 8%

As CSS

:root {
  --ground: #f6f3ec;
  --ink: #1f2a37;
  --accent-1: #e3b53a;
  --accent-2: #b3171d;
  --accent-3: #8fa3b3;
  --accent-4: #3e6b50;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Nordic Noir Book Cover

With Scandinavian Functionalism

All 18 combinations with Scandinavian Functionalism

Every style combination