Stylogeny combining Mexican Popular Graphics × Punk

Try

Style combination · Pairs well

Mexican Popular Graphics × Punk

Both are cheap, fast and irreverent; reuse stock cuts and coloured paper in zines for the same street-sheet energy.

From the research on Mexican Popular Graphics (Posada)

Mix them and make something Mexican Popular Graphics Punk

SquareMexican Popular × Punk1880 · 1976
A sample layout drawn from the recipe: shapes from Mexican Popular Graphics, their arrangement from Punk, the finish from Mexican Popular 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.

Mexican Popular Graphics (Posada) Punk & DIY Zine

Type from Punk
Colour from Mexican Popular Graphics
Form from Mexican Popular Graphics
Composition from Punk

Mexican Popular Graphics avoids dynamic asymmetry: this is where the two pull against each other.

Surface from Mexican Popular Graphics

02

The type

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

Display · Punk

Square

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

Text · Mexican Popular Graphics

Cheap broadsheets, chapbooks and gazettes sold on the streets of Porfirian Mexico City by the publisher Antonio Vanegas Arroyo and illustrated by Manuel Manilla and José Guadalupe Posada. A bold relief picture of crime, disaster, miracle or satire sits under shouting display type and columns of corridos, printed in black on brightly coloured cheap paper, while the calavera skeleton lampoons every class.

Bodoni Moda; Mexican Popular Graphics used Nineteenth-century display types and Modern (Didone) roman for corridos and verse

03

The colours

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

Mexican Popular Graphics (Posada) Punk & DIY Zine

  • #efe6cf ground · 36%
  • #151515 ink · 14%
  • #d6337f accent · 18%
  • #ff2fa0 accent · 14%
  • #5aa05a accent · 10%
  • #d7191c accent · 8%

As CSS

:root {
  --ground: #efe6cf;
  --ink: #151515;
  --accent-1: #d6337f;
  --accent-2: #ff2fa0;
  --accent-3: #5aa05a;
  --accent-4: #d7191c;
  --font-display: "Rock Salt", cursive;
  --font-text: "Bodoni Moda", serif;
}

05

More combinations

With Mexican Popular Graphics

All 17 combinations with Mexican Popular Graphics

With Punk

All 36 combinations with Punk

Every style combination