Stylogeny combining Di Tella Graphic Design × Op Art Graphics

Try

Style combination · Pairs well

Di Tella Graphic Design × Op Art Graphics

The CLAEM programmes and the Premio Di Tella 64 poster already speak Op; run one heavy grotesque title through an optical field, as Distéfano did, for an event that should vibrate.

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

Mix them and make something Di Tella Graphic Design Op Art Graphics

PopDi Tella × Op Art Graphics1960 · 1960
A sample layout drawn from the recipe: shapes from Op Art Graphics, their arrangement from Op Art Graphics, 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.

Di Tella Graphic Design (Instituto Torcuato Di Tella) Op Art Graphics

Type from Di Tella Graphic Design
Colour from Di Tella Graphic Design
Form from Op Art Graphics
Composition from Op Art Graphics
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

Pop

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 · Op Art Graphics

A 1960s style that turned perceptual research into graphic effect: precisely drawn lines, checks, concentric rings and modular grids, usually black and white or complementaries of equal value, that seem to vibrate, swell or move. Rooted in Bauhaus form teaching through Vasarely and Albers and popularised by MoMA's 1965 'The Responsive Eye', it spread quickly into posters, record sleeves, fashion textiles and identities such as Mexico 68.

Jost; Op Art Graphics used Mexico 68 multiline lettering and Futura

03

The colours

The ground and leading colours come from Di Tella Graphic Design, with a counter-accent from Op Art Graphics. The ink reads on the ground at 4.5:1 or more.

Di Tella Graphic Design (Instituto Torcuato Di Tella) Op Art Graphics

  • #f3f0e8 ground · 36%
  • #111111 ink · 14%
  • #f5c400 accent · 18%
  • #e3001b accent · 14%
  • #b89668 accent · 10%
  • #0050b5 accent · 8%

As CSS

:root {
  --ground: #f3f0e8;
  --ink: #111111;
  --accent-1: #f5c400;
  --accent-2: #e3001b;
  --accent-3: #b89668;
  --accent-4: #0050b5;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Di Tella Graphic Design

With Op Art Graphics

All 16 combinations with Op Art Graphics

Every style combination