Stylogeny combining Risograph × Y2K Futurism

Try

Style combination · Contrasts

Risograph × Y2K Futurism

Glossy chrome renders are everything a riso cannot print; set frictionless screen gloss against tactile grain for deliberate friction.

From the research on Risograph & Indie Print Culture

Mix them and make something Risograph Y2K Futurism

PopRisograph × Y2K Futurism2008 · 1997
A sample layout drawn from the recipe: shapes from Y2K Futurism, their arrangement from Y2K Futurism, 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 Y2K Futurism

Type from Risograph
Colour from Risograph
Form from Y2K Futurism
Composition from Y2K Futurism
Surface from Risograph

02

The type

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

Display · Risograph

Pop

Inter Tight, standing in for Neo-grotesques set large (e.g. Akzidenz-Grotesk, Helvetica)

Text · Y2K Futurism

The optimistic, chrome-plated vision of the future that surrounded the turn of the millennium, spread by consumer electronics, music videos, games, fashion and dot-com branding. Translucent candy-coloured plastics, liquid-metal and bubble 3D renders, lens flares, wide techno sans-serifs and icy silver-and-blue palettes sold the digital age as sleek, fluid and weightless, until the dot-com crash dimmed it.

IBM Plex Mono; Y2K Futurism used Eurostile Extended and Microgramma

03

The colours

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

Risograph & Indie Print Culture Y2K Futurism

  • #f4f1ea ground · 36%
  • #3255a4 ink · 14%
  • #ff48b0 accent · 18%
  • #1f6fff accent · 14%
  • #f15060 accent · 10%
  • #0095b6 accent · 8%

As CSS

:root {
  --ground: #f4f1ea;
  --ink: #3255a4;
  --accent-1: #ff48b0;
  --accent-2: #1f6fff;
  --accent-3: #f15060;
  --accent-4: #0095b6;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "IBM Plex Mono", monospace;
}

05

More combinations

With Risograph

All 43 combinations with Risograph

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination