Stylogeny combining Mexican Popular Graphics × Minimalist Graphic Design

Try

Style combination · Contrasts

Mexican Popular Graphics × Minimalist Graphic Design

Isolate one calavera on an empty field to show how much of the style's force comes from crowding.

From the research on Mexican Popular Graphics (Posada)

Mix them and make something Mexican Popular Graphics Minimalist Graphic Design

TideMexican Popular × Minimalist Graphic
A sample layout drawn from the recipe: shapes from Mexican Popular Graphics, their arrangement from Minimalist Graphic Design, 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) Minimalist Graphic Design

Type from Minimalist Graphic Design
Colour from Mexican Popular Graphics
Form from Mexican Popular Graphics
Composition from Minimalist Graphic Design

Mexican Popular Graphics avoids generous white space: this is where the two pull against each other, which is the point of the contrast.

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 · Minimalist Graphic Design

Tide

Inter Tight, standing in for Helvetica Neue (light weights)

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

Mexican Popular Graphics (Posada) Minimalist Graphic Design

  • #efe6cf ground · 39%
  • #151515 ink · 15%
  • #d6337f accent · 20%
  • #8c8a86 accent · 15%
  • #5aa05a accent · 11%

As CSS

:root {
  --ground: #efe6cf;
  --ink: #151515;
  --accent-1: #d6337f;
  --accent-2: #8c8a86;
  --accent-3: #5aa05a;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Bodoni Moda", serif;
}

05

More combinations

With Mexican Popular Graphics

All 17 combinations with Mexican Popular Graphics

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

Every style combination