Stylogeny combining Graffiti × Pop Art Graphics

Try

Style combination · Pairs well

Graffiti × Pop Art Graphics

Pair letter-pieces with Ben-Day comic panels and bold outlines, as 1980s gallery graffiti often did, for a street-meets-gallery look.

From the research on Graffiti & Hip-Hop Graphics

Mix them and make something Graffiti Pop Art Graphics

FiestaFiestaGraffiti × Pop Art Graphics1972 · 1955
A sample layout drawn from the recipe: shapes from Pop Art Graphics, their arrangement from Graffiti, the finish from Graffiti. 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.

Graffiti & Hip-Hop Graphics Pop Art Graphics

Type from Graffiti
Colour from Pop Art Graphics
Form from Pop Art Graphics
Composition from Graffiti
Surface from Graffiti

Pop Art Graphics avoids painterly brushwork: this is where the two pull against each other.

02

The type

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

Display · Graffiti

Fiesta

Sedgwick Ave Display, standing in for Wildstyle lettering

Text · Pop Art Graphics

Pop turned the commercial imagery of post-war consumer culture (comics, packaging, celebrity photographs and advertising) into both its subject and its method. Images are appropriated, enlarged, flattened and repeated; colour is bright and unmodulated; and the printing process itself, from Ben-Day dots to off-register silkscreen, is left visible as a sign of mass production.

Archivo; Pop Art Graphics used Comic-book hand lettering and Franklin Gothic

03

The colours

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

Graffiti & Hip-Hop Graphics Pop Art Graphics

  • #fbf8f0 ground · 36%
  • #111111 ink · 14%
  • #ffd400 accent · 18%
  • #e4002b accent · 14%
  • #00a3e0 accent · 10%
  • #0057b8 accent · 8%

As CSS

:root {
  --ground: #fbf8f0;
  --ink: #111111;
  --accent-1: #ffd400;
  --accent-2: #e4002b;
  --accent-3: #00a3e0;
  --accent-4: #0057b8;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-text: "Archivo", sans-serif;
}

05

More combinations

With Graffiti

All 17 combinations with Graffiti

With Pop Art Graphics

All 33 combinations with Pop Art Graphics

Every style combination