Stylogeny combining Acid Graphics × Y2K Futurism

Try

Style combination · Pairs well

Acid Graphics × Y2K Futurism

Acid graphics inherits its chrome and liquid metal; push Y2K renders toward distortion and spiky type for a harder contemporary edge.

From the research on Y2K Futurism

Mix them and make something Acid Graphics Y2K Futurism

OrbitAcid Graphics × Y2K Futurism2016 · 1997
A sample layout drawn from the recipe: shapes from Y2K Futurism, their arrangement from Acid 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.

Acid Graphics / New Ugly Y2K Futurism

Type from Acid Graphics
Colour from Acid Graphics
Form from Y2K Futurism
Composition from Acid 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 · Acid Graphics

Orbit

Tilt Warp, standing in for Liquid-chrome and melted custom lettering

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

Acid Graphics / New Ugly Y2K Futurism

  • #000000 ground · 36%
  • #ffffff ink · 14%
  • #ccff00 accent · 18%
  • #1f6fff accent · 14%
  • #ff1ad9 accent · 10%
  • #b4f02e accent · 8%

As CSS

:root {
  --ground: #000000;
  --ink: #ffffff;
  --accent-1: #ccff00;
  --accent-2: #1f6fff;
  --accent-3: #ff1ad9;
  --accent-4: #b4f02e;
  --font-display: "Tilt Warp", sans-serif;
  --font-text: "IBM Plex Mono", monospace;
}

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination