Stylogeny combining Techno-Futurist Graphics × Y2K Futurism

Try

Style combination · Pairs well

Techno-Futurist Graphics × Y2K Futurism

Add Y2K chrome and translucent plastics to techno-futurist pictograms for a late-1990s consumer-electronics look.

From the research on Techno-Futurist Graphics

Mix them and make something Techno-Futurist Graphics Y2K Futurism

OrbitTechno-Futurist Graphics × Y2K Futurism
A sample layout drawn from the recipe: shapes from Techno-Futurist Graphics, their arrangement from Techno-Futurist Graphics, the finish from Y2K Futurism. 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.

Techno-Futurist Graphics Y2K Futurism

Type from Y2K Futurism
Colour from Techno-Futurist Graphics
Form from Techno-Futurist Graphics
Composition from Techno-Futurist Graphics
Surface from Y2K Futurism

02

The type

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

Display · Y2K Futurism

Orbit

Michroma, standing in for Eurostile Extended

Text · Techno-Futurist Graphics

Electronic-music and video-game graphics of the late 1980s and 1990s that turned corporate modernism into a sci-fi consumer fantasy. Grids, Helvetica, pictograms, barcodes, warning labels and invented corporate logos were recombined with katakana, manga cuteness and early 3D, producing slick, flat, information-saturated surfaces that both celebrated and satirised technology and branding.

Inter; Techno-Futurist Graphics used Helvetica and Eurostile / Microgramma

03

The colours

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

Techno-Futurist Graphics Y2K Futurism

  • #f5f5f5 ground · 36%
  • #111111 ink · 14%
  • #00aeef accent · 18%
  • #1f6fff accent · 14%
  • #ec008c accent · 10%
  • #0095b6 accent · 8%

As CSS

:root {
  --ground: #f5f5f5;
  --ink: #111111;
  --accent-1: #00aeef;
  --accent-2: #1f6fff;
  --accent-3: #ec008c;
  --accent-4: #0095b6;
  --font-display: "Michroma", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Techno-Futurist Graphics

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination