Stylogeny combining Arts × Vorticism

Try

Style combination · Contrasts

Arts × Vorticism

BLAST refused 'a revival of lost folk art' and blasted the 'years 1837 to 1900'; set its hard black shards against a hand-printed floral page to stage machine against handicraft.

From the research on Vorticism & BLAST Typography

Mix them and make something Arts Vorticism

NOISEArts × Vorticism1860 · 1914
A sample layout drawn from the recipe: shapes from Arts, their arrangement from Arts, 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 Vorticism & BLAST Typography

Type from Vorticism
Colour from Vorticism
Form from Arts

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

Composition from Arts
Surface from Arts

02

The type

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

Display · Vorticism

Noise

Archivo Black; Vorticism used Grotesque No. 9 (Stephenson Blake), the heavy jobbing grotesque of most of BLAST's manifesto pages and Latin Bold for the boxed section numerals of the manifesto

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 Vorticism, with a counter-accent from Arts. The ink reads on the ground at 4.5:1 or more.

Arts & Crafts Movement Vorticism & BLAST Typography

  • #efe9dc ground · 36%
  • #141414 ink · 14%
  • #e8b62c accent · 18%
  • #a33224 accent · 14%
  • #e2388f accent · 10%
  • #c39a4a accent · 8%

As CSS

:root {
  --ground: #efe9dc;
  --ink: #141414;
  --accent-1: #e8b62c;
  --accent-2: #a33224;
  --accent-3: #e2388f;
  --accent-4: #c39a4a;
  --font-display: "Archivo Black", sans-serif;
  --font-text: "EB Garamond", serif;
}

05

More combinations

With Arts

All 16 combinations with Arts

With Vorticism

Every style combination