Stylogeny combining Acid Graphics × Neo-Swiss Revival

Try

Style combination · Contrasts

Acid Graphics × Neo-Swiss Revival

Acid graphics' chrome chaos is the opposite pole; one liquid-metal element can puncture a too-polite grid.

From the research on Neo-Swiss Revival

Set a single liquid-chrome wordmark inside a clean neo-Swiss grid so information stays legible around the spectacle.

From the research on Acid Graphics / New Ugly

Mix them and make something Acid Graphics Neo-Swiss Revival

FormFormFormAcid Graphics × Neo-Swiss Revival2016 · 2005
A sample layout drawn from the recipe: shapes from Acid Graphics, their arrangement from Neo-Swiss Revival, 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 Neo-Swiss Revival

Type from Neo-Swiss Revival
Colour from Acid Graphics
Form from Acid Graphics
Composition from Neo-Swiss Revival
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 · Neo-Swiss Revival

Form

Inter Tight, standing in for Neue Haas Grotesk (Christian Schwartz revival)

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 Neo-Swiss Revival. The ink reads on the ground at 4.5:1 or more.

Acid Graphics / New Ugly Neo-Swiss Revival

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

As CSS

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

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Neo-Swiss Revival

All 14 combinations with Neo-Swiss Revival

Every style combination