Stylogeny combining Acid Graphics × Graffiti

Try

Style combination · Pairs well

Acid Graphics × Graffiti

Graffiti wildstyle letter structures translate naturally into chrome 3D renders for gig posters and merch.

From the research on Acid Graphics / New Ugly

Mix them and make something Acid Graphics Graffiti

No!No!No!Acid Graphics × Graffiti2016 · 1972
A sample layout drawn from the recipe: shapes from Graffiti, 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 Graffiti & Hip-Hop Graphics

Type from Graffiti
Colour from Acid Graphics
Form from Graffiti
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 · Graffiti

No!

Sedgwick Ave Display, standing in for Wildstyle lettering

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

Acid Graphics / New Ugly Graffiti & Hip-Hop Graphics

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

As CSS

:root {
  --ground: #000000;
  --ink: #ffffff;
  --accent-1: #ccff00;
  --accent-2: #e4002b;
  --accent-3: #ff1ad9;
  --accent-4: #00a3e0;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-text: "VT323", monospace;
}

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Graffiti

All 17 combinations with Graffiti

Every style combination