Stylogeny combining Acid Graphics × Internet Ugly

Try

Style combination · Contrasts

Acid Graphics × Internet Ugly

Acid Graphics' 'New Ugly' is rendered by professionals in chrome and 3D; Internet Ugly is ugly because it is quick and amateur. Decide which kind of ugly a brief needs before borrowing either.

From the research on Internet Ugly & Meme Vernacular

Mix them and make something Acid Graphics Internet Ugly

NOISENOISENOISEAcid Graphics × Internet Ugly2016 · 2003
A sample layout drawn from the recipe: shapes from Internet Ugly, 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 Internet Ugly & Meme Vernacular

Type from Internet Ugly
Colour from Acid Graphics
Form from Internet Ugly
Composition from Acid Graphics
Surface from Acid Graphics

Internet Ugly avoids chrome & 3d render: this is where the two pull against each other, which is the point of the contrast.

02

The type

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

Display · Internet Ugly

Noise

Anton, standing in for Impact (Geoffrey Lee, Stephenson Blake, 1965), set white with a black outline

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

Acid Graphics / New Ugly Internet Ugly & Meme Vernacular

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

As CSS

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

Use it with care

Internet Ugly & Meme Vernacular: Most meme templates are photographs of real people, often children, or licensed stock. Success Kid is Laney Griner's son: the photo has been licensed to advertisers, and in January 2020 she sent a cease-and-desist letter to a congressman whose fundraising campaign used it without permission. Distracted Boyfriend is microstock, and its photographer says use without a proper licence is not allowed. License a template or make a new picture for commercial or political work. Check what a format means now: some characters that spread through 4chan were taken up as hate symbols (the ADL listed Pepe the Frog, Matt Furie's 2005 Boy's Club character, in 2016, while noting that most uses are not hateful). Reaction images of Black people posted by non-Black users and brands read as digital blackface (Lauren Michele Jackson, Teen Vogue, 2017), and deep-fried memes came out of Black Twitter, so credit where formats come from. When brands and campaigns borrow a format, its makers often protest or drop it (Douglas).

05

More combinations

With Acid Graphics

All 12 combinations with Acid Graphics

With Internet Ugly

All 18 combinations with Internet Ugly

Every style combination