Stylogeny combining Hand-Painted Signage × Graffiti

Try

Style combination · Pairs well

Hand-Painted Signage × Graffiti

Graffiti writers inherited the sign painter's outlines and drop shadows; pair a disciplined sign alphabet with a wildstyle tag for contrast of control.

From the research on Hand-Painted Signage & Vernacular Lettering

Mix them and make something Hand-Painted Signage Graffiti

OursOursHand-Painted Signage × Graffiti1800 · 1972
A sample layout drawn from the recipe: shapes from Graffiti, their arrangement from Graffiti, the finish from Hand-Painted Signage. 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.

Hand-Painted Signage & Vernacular Lettering Graffiti & Hip-Hop Graphics

Type from Graffiti
Colour from Hand-Painted Signage
Form from Graffiti
Composition from Graffiti
Surface from Hand-Painted Signage

02

The type

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

Display · Graffiti

Ours

Sedgwick Ave Display, standing in for Wildstyle lettering

Text · Hand-Painted Signage

Letters painted by trained sign writers on fascias, windows, walls, vehicles and showcards, from Victorian gold leaf on glass to Mexican rótulos, Indian bazaar boards and Ghanaian barbershop signs. Brush-built letters with shading, drop shadows and outlines are fitted to the panel and mixed in a few styles for hierarchy, valuing legibility at a distance and the painter's flourish; vinyl displaced the craft in the 1980s and it has revived since the 2010s.

Oswald; Hand-Painted Signage used One-stroke casual (showcard) alphabet and Block and Egyptian sign writers' letters

03

The colours

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

Hand-Painted Signage & Vernacular Lettering Graffiti & Hip-Hop Graphics

  • #f1e6cc ground · 36%
  • #141414 ink · 14%
  • #c99a2e accent · 18%
  • #e4002b accent · 14%
  • #b8262b accent · 10%
  • #00a3e0 accent · 8%

As CSS

:root {
  --ground: #f1e6cc;
  --ink: #141414;
  --accent-1: #c99a2e;
  --accent-2: #e4002b;
  --accent-3: #b8262b;
  --accent-4: #00a3e0;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-text: "Oswald", sans-serif;
}

05

More combinations

With Hand-Painted Signage

All 29 combinations with Hand-Painted Signage

With Graffiti

All 17 combinations with Graffiti

Every style combination