Stylogeny combining Acid Graphics × Rave

Try

Style combination · Pairs well

Acid Graphics × Rave

Acid graphics is rave's digital heir; reuse the chrome logotype and fluorescent-on-black palette with contemporary 3D tools.

From the research on Rave & Acid House Graphics

Mix them and make something Acid Graphics Rave

SignalSignalSignalAcid Graphics × Rave2016 · 1988
A sample layout drawn from the recipe: shapes from Rave, 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 Rave & Acid House Graphics

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

Signal

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

Text · Rave

The pocket-sized promotional art of acid house, rave and early techno, handed out in record shops and car parks to advertise all-night parties. Fronts revived psychedelia through smileys, trippy eyes, fractals and airbrushed fantasy landscapes; backs crammed DJ line-ups, sound-system credits and info-line numbers. Early desktop software, chrome 3D logotypes and fluorescent or metallic inks gave it a synthetic, hedonistic glow.

IBM Plex Mono; Rave used Eurostile Extended and OCR-A

03

The colours

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

Acid Graphics / New Ugly Rave & Acid House Graphics

  • #0a0a0a ground · 36%
  • #ffe600 ink · 14%
  • #ff00b4 accent · 18%
  • #ccff00 accent · 14%
  • #00e5ff accent · 10%
  • #6a00ff accent · 8%

As CSS

:root {
  --ground: #0a0a0a;
  --ink: #ffe600;
  --accent-1: #ff00b4;
  --accent-2: #ccff00;
  --accent-3: #00e5ff;
  --accent-4: #6a00ff;
  --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 Rave

Every style combination