Stylogeny combining Punk × Skateboard Deck Graphics

Try

Style combination · Pairs well

Punk × Skateboard Deck Graphics

Share rebellious tone and hand lettering; swap the photocopied collage for a single inked figure to turn a punk flyer into a product graphic.

From the research on Skateboard Deck Graphics

Mix them and make something Punk Skateboard Deck Graphics

No!Punk × Skateboard Deck1976 · 1973
A sample layout drawn from the recipe: shapes from Skateboard Deck Graphics, their arrangement from Skateboard Deck Graphics, the finish from Punk. 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.

Punk & DIY Zine Skateboard Deck Graphics

Type from Punk
Colour from Skateboard Deck Graphics
Form from Skateboard Deck Graphics
Composition from Skateboard Deck Graphics
Surface from Punk

Skateboard Deck Graphics avoids photocopy & distress: 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 · Punk

No!

Rock Salt, standing in for Ransom-note cut-out lettering

Text · Skateboard Deck Graphics

The graphics printed on the underside of skateboard decks, developed by Californian skate companies in the 1970s and 80s (the scope here; later photographic and parody decks are not covered). An artist-drawn image, usually a monster, skull, hand or cartoon figure in heavy ink outline, fills a tall vertical board in a few flat screenprinted colours, with a brand logo that repeats across a collectible series of models.

Archivo; Skateboard Deck Graphics used Santa Cruz logotype, hand-drawn by Jim Phillips and Hand-lettered brand logos in thick outline

03

The colours

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

Punk & DIY Zine Skateboard Deck Graphics

  • #f2ede0 ground · 36%
  • #111111 ink · 14%
  • #f5d312 accent · 18%
  • #ff2fa0 accent · 14%
  • #e8202a accent · 10%
  • #1e7fcb accent · 8%

As CSS

:root {
  --ground: #f2ede0;
  --ink: #111111;
  --accent-1: #f5d312;
  --accent-2: #ff2fa0;
  --accent-3: #e8202a;
  --accent-4: #1e7fcb;
  --font-display: "Rock Salt", cursive;
  --font-text: "Archivo", sans-serif;
}

05

More combinations

With Punk

All 36 combinations with Punk

With Skateboard Deck Graphics

Every style combination