Stylogeny combining Acid Graphics × Techno-Futurist Graphics

Try

Style combination · Pairs well

Acid Graphics × Techno-Futurist Graphics

Borrow The Designers Republic's corporate-parody logos and tiny technical captions to give acid layouts a systematic backbone.

From the research on Acid Graphics / New Ugly

Mix them and make something Acid Graphics Techno-Futurist Graphics

SIGNALSIGNALSIGNALAcid Graphics × Techno-Futurist Graphics
A sample layout drawn from the recipe: shapes from Techno-Futurist Graphics, their arrangement from Acid Graphics, 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 Techno-Futurist Graphics

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

Signal

Inter Tight, standing in for Helvetica

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 Techno-Futurist Graphics. The ink reads on the ground at 4.5:1 or more.

Acid Graphics / New Ugly Techno-Futurist Graphics

  • #000000 ground · 36%
  • #ffffff ink · 14%
  • #ccff00 accent · 18%
  • #fff200 accent · 14%
  • #ff1ad9 accent · 10%
  • #00aeef accent · 8%

As CSS

:root {
  --ground: #000000;
  --ink: #ffffff;
  --accent-1: #ccff00;
  --accent-2: #fff200;
  --accent-3: #ff1ad9;
  --accent-4: #00aeef;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "VT323", monospace;
}

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Techno-Futurist Graphics

Every style combination