Stylogeny combining Acid Graphics × Grunge Typography

Try

Style combination · Pairs well

Acid Graphics × Grunge Typography

Grunge's layered, distressed type is a direct ancestor of acid graphics; add chrome and neon to update it for today.

From the research on Grunge Typography

Mix them and make something Acid Graphics Grunge Typography

No!No!No!Acid Graphics × Grunge Typography2016 · 1990
A sample layout drawn from the recipe: shapes from Acid Graphics, their arrangement from Grunge Typography, the finish from Acid Graphics. 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 Grunge Typography

Type from Grunge Typography
Colour from Acid Graphics
Form from Acid Graphics
Composition from Grunge Typography
Surface from Acid Graphics

02

The type

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

Display · Grunge Typography

No!

Rock Salt; Grunge Typography used Template Gothic and FF Trixie

Text · Acid Graphics

A late-2010s club and poster style that updates 1990s rave graphics with modern 3D tools: liquid-chrome and melting lettering, neo-tribal spikes, wireframes, op-art patterns and acid-green palettes on black, mixed with blackletter and stretched grotesques. Associated with David Rudnick, Studio Cryo and Anja Kaiser and collected on Instagram's @acidgraphix, it overlaps with the 'New Ugly' turn towards deliberate antidesign.

VT323; Acid Graphics used Liquid-chrome and melted custom lettering and Blackletter and neo-gothic display

03

The colours

The ground and leading colours come from Acid Graphics, with a counter-accent from Grunge Typography. The ink reads on the ground at 4.5:1 or more.

Acid Graphics / New Ugly Grunge Typography

  • #000000 ground · 36%
  • #ffffff ink · 14%
  • #ccff00 accent · 18%
  • #a8322d accent · 14%
  • #ff1ad9 accent · 10%
  • #3d5afe accent · 8%

As CSS

:root {
  --ground: #000000;
  --ink: #ffffff;
  --accent-1: #ccff00;
  --accent-2: #a8322d;
  --accent-3: #ff1ad9;
  --accent-4: #3d5afe;
  --font-display: "Rock Salt", cursive;
  --font-text: "VT323", monospace;
}

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Grunge Typography

Every style combination