Stylogeny combining Brazilian Concrete Design × Taller de Gráfica Popular

Try

Style combination · Contrasts

Brazilian Concrete Design × Taller de Gráfica Popular

Mexico's figurative, militant linocuts are Latin America's other modernism; contrast them to choose between abstraction and narrative.

From the research on Brazilian Concrete Design

Mix them and make something Brazilian Concrete Design Taller de Gráfica Popular

FORMBrazilian Concrete × Taller de1951 · 1937
A sample layout drawn from the recipe: shapes from Brazilian Concrete Design, their arrangement from Brazilian Concrete Design, the finish from Taller de Gráfica Popular. 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.

Brazilian Concrete Design Taller de Gráfica Popular

Type from Taller de Gráfica Popular
Colour from Brazilian Concrete Design
Form from Brazilian Concrete Design

Taller de Gráfica Popular avoids non-representational: this is where the two pull against each other, which is the point of the contrast.

Composition from Brazilian Concrete Design
Surface from Taller de Gráfica Popular

02

The type

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

Display · Taller de Gráfica Popular

Form

Inter Tight, standing in for Letterpress grotesque and slab-serif captions

Text · Brazilian Concrete Design

A São Paulo and Rio movement in which concrete art, concrete poetry and Brazil's first design offices shared one vocabulary: Max Bill's mathematically generated geometry, serial repetition and sans-serif type. Sparked by Bill's 1951 retrospective at MASP and the first São Paulo Bienal, it passed through Ulm via Alexandre Wollner into Forminform (1957) and ESDI (1963), producing rigorous trademarks, posters and a celebrated newspaper redesign.

Jost; Brazilian Concrete Design used Futura and Akzidenz-Grotesk

03

The colours

The ground and leading colours come from Brazilian Concrete Design, with a counter-accent from Taller de Gráfica Popular. The ink reads on the ground at 4.5:1 or more.

Brazilian Concrete Design Taller de Gráfica Popular

  • #f4f2ec ground · 36%
  • #121212 ink · 14%
  • #f3c316 accent · 18%
  • #c0392b accent · 14%
  • #d9c39a accent · 10%
  • #1f4e9e accent · 8%

As CSS

:root {
  --ground: #f4f2ec;
  --ink: #121212;
  --accent-1: #f3c316;
  --accent-2: #c0392b;
  --accent-3: #d9c39a;
  --accent-4: #1f4e9e;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Brazilian Concrete Design

All 11 combinations with Brazilian Concrete Design

With Taller de Gráfica Popular

All 15 combinations with Taller de Gráfica Popular

Every style combination