Stylogeny combining Brazilian Concrete Design × Di Tella Graphic Design

Try

Style combination · Pairs well

Brazilian Concrete Design × Di Tella Graphic Design

The other South American modernism of the 1960s; pair São Paulo's concrete modules with Buenos Aires' event-led giant type for a Southern Cone modernist programme.

From the research on Di Tella Graphic Design (Instituto Torcuato Di Tella)

Mix them and make something Brazilian Concrete Design Di Tella Graphic Design

GridBrazilian Concrete × Di Tella1951 · 1960
A sample layout drawn from the recipe: shapes from Brazilian Concrete Design, their arrangement from Brazilian Concrete Design, the finish from Di Tella Graphic Design. 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 Di Tella Graphic Design (Instituto Torcuato Di Tella)

Type from Di Tella Graphic Design
Colour from Brazilian Concrete Design
Form from Brazilian Concrete Design
Composition from Brazilian Concrete Design
Surface from Di Tella Graphic Design

02

The type

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

Display · Di Tella Graphic Design

Grid

Inter Tight, standing in for Helvetica (with other neo-grotesques for titles and fact blocks; identified on the 1962 sculpture-prize poster by the UNCuyo reader)

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

Brazilian Concrete Design Di Tella Graphic Design (Instituto Torcuato Di Tella)

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

As CSS

:root {
  --ground: #f4f2ec;
  --ink: #121212;
  --accent-1: #f3c316;
  --accent-2: #e2361f;
  --accent-3: #b89668;
  --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 Di Tella Graphic Design

Every style combination