Stylogeny combining Arts × Estridentismo Graphics

Try

Style combination · Contrasts

Arts × Estridentismo Graphics

Both cut wood by hand, for opposite ends: Arts and Crafts used the block to flee the machine, Stridentism used it to celebrate radio masts and factories.

From the research on Estridentismo (Stridentist) Graphics

Mix them and make something Arts Estridentismo Graphics

TOMORROWArts × EstridentismoGraphics1860 · 1921
A sample layout drawn from the recipe: shapes from Arts, their arrangement from Estridentismo Graphics, 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 Estridentismo (Stridentist) Graphics

Type from Estridentismo Graphics
Colour from Estridentismo Graphics
Form from Arts

Estridentismo Graphics avoids abundant decoration and floral & vegetal: this is where the two pull against each other, which is the point of the contrast.

Composition from Estridentismo Graphics
Surface from Arts

02

The type

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

Display · Estridentismo Graphics

Tomorrow

Anton, standing in for Heavy condensed block capitals (Irradiador masthead and cover texts between thick black rules, with giant block-built issue numerals, 1923)

Text · Arts

A British-led reform movement that answered industrial shoddiness with honest handcraft, medieval models and the ideal of joy in labour. In graphic design it is embodied by William Morris's Kelmscott Press: dark Jenson-derived and gothic types, handmade paper, and wood-engraved borders and initials dense with stylised foliage, treating the book as one integrated, hand-made object.

EB Garamond; Arts used Golden Type and Troy and Chaucer

03

The colours

The ground and leading colours come from Estridentismo Graphics, with a counter-accent from Arts. The ink reads on the ground at 4.5:1 or more.

Arts & Crafts Movement Estridentismo (Stridentist) Graphics

  • #e8d6b6 ground · 36%
  • #161412 ink · 14%
  • #e0552b accent · 18%
  • #a33224 accent · 14%
  • #c39a4a accent · 10%
  • #2f6f9c accent · 8%

As CSS

:root {
  --ground: #e8d6b6;
  --ink: #161412;
  --accent-1: #e0552b;
  --accent-2: #a33224;
  --accent-3: #c39a4a;
  --accent-4: #2f6f9c;
  --font-display: "Anton", sans-serif;
  --font-text: "EB Garamond", serif;
}

05

More combinations

With Arts

All 16 combinations with Arts

With Estridentismo Graphics

Every style combination