Stylogeny combining Risograph × Spotify Duotone Identity

Try

Style combination · Pairs well

Risograph × Spotify Duotone Identity

Borrow riso's overprinted two-ink grain to give the clean digital duotone a tactile, handmade edge.

From the research on Spotify Duotone Identity

Mix them and make something Risograph Spotify Duotone Identity

Yay!Risograph × Spotify Duotone2008 · 2015
A sample layout drawn from the recipe: shapes from Risograph, their arrangement from Spotify Duotone Identity, the finish from Risograph. 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.

Risograph & Indie Print Culture Spotify Duotone Identity

Type from Spotify Duotone Identity
Colour from Risograph
Form from Risograph
Composition from Spotify Duotone Identity
Surface from Risograph

02

The type

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

Display · Spotify Duotone Identity

Yay!

Jost, standing in for Geometric sans-serifs

Text · Risograph

A contemporary culture of zines, art books, posters and prints made on Japanese Risograph stencil duplicators, whose soy-based spot inks (fluorescent pink, yellow, blue, teal) are laid down one drum at a time. Designers embrace the machine's limits: translucent overprints, slight misregistration, grainy coverage and coarse halftones give flat illustration and type a warm, handmade vibrancy at low cost.

Inter; Risograph used Neo-grotesques set large and Monospace and typewriter faces

03

The colours

The ground and leading colours come from Risograph, with a counter-accent from Spotify Duotone Identity. The ink reads on the ground at 4.5:1 or more.

Risograph & Indie Print Culture Spotify Duotone Identity

  • #f4f1ea ground · 36%
  • #3255a4 ink · 14%
  • #ff48b0 accent · 18%
  • #450af5 accent · 14%
  • #f15060 accent · 10%
  • #ff4632 accent · 8%

As CSS

:root {
  --ground: #f4f1ea;
  --ink: #3255a4;
  --accent-1: #ff48b0;
  --accent-2: #450af5;
  --accent-3: #f15060;
  --accent-4: #ff4632;
  --font-display: "Jost", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Risograph

All 43 combinations with Risograph

With Spotify Duotone Identity

Every style combination