Stylogeny combining Arts × Scandinavian Functionalism

Try

Style combination · Pairs well

Arts × Scandinavian Functionalism

Keep the craft ethic and natural palette but reduce Morris's foliage to a single repeating motif for warmth without clutter.

From the research on Arts & Crafts Movement

Mix them and make something Arts Scandinavian Functionalism

NewArts × Scandinavian Functionalism1860 · 1930
A sample layout drawn from the recipe: shapes from Arts, their arrangement from Scandinavian Functionalism, the finish from Arts. 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.

Arts & Crafts Movement Scandinavian Functionalism

Type from Arts
Colour from Scandinavian Functionalism
Form from Arts

Scandinavian Functionalism avoids abundant decoration: this is where the two pull against each other.

Composition from Scandinavian Functionalism
Surface from Arts

02

The type

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

Display · Arts

New

EB Garamond; Arts used Golden Type and Troy and Chaucer

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

Arts & Crafts Movement Scandinavian Functionalism

  • #f6f3ec ground · 39%
  • #1f2a37 ink · 15%
  • #e3b53a accent · 20%
  • #a33224 accent · 15%
  • #3e6b50 accent · 11%

As CSS

:root {
  --ground: #f6f3ec;
  --ink: #1f2a37;
  --accent-1: #e3b53a;
  --accent-2: #a33224;
  --accent-3: #3e6b50;
  --font-display: "EB Garamond", serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Arts

All 16 combinations with Arts

With Scandinavian Functionalism

All 18 combinations with Scandinavian Functionalism

Every style combination