Stylogeny combining Brazilian Concrete Design × Op Art Graphics

Try

Style combination · Pairs well

Brazilian Concrete Design × Op Art Graphics

Maluf's repeated rectangles already vibrate; push the serial module towards op moiré for a kinetic poster that stays constructed.

From the research on Brazilian Concrete Design

Start from concrete design's calm serial module, then introduce op distortions in one zone for controlled movement.

From the research on Op Art Graphics

Mix them and make something Brazilian Concrete Design Op Art Graphics

INDEXBrazilian Concrete × Op Art Graphics
A sample layout drawn from the recipe: shapes from Brazilian Concrete Design, their arrangement from Op Art Graphics, the finish from Brazilian Concrete 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 Op Art Graphics

Type from Op Art Graphics

Brazilian Concrete Design avoids ornamented display: this is where the two pull against each other.

Colour from Brazilian Concrete Design
Form from Brazilian Concrete Design
Composition from Op Art Graphics
Surface from Brazilian Concrete Design

02

The type

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

Display · Op Art Graphics

Index

Monoton, standing in for Mexico 68 multiline lettering (Lance Wyman)

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 Op Art Graphics. The ink reads on the ground at 4.5:1 or more.

Brazilian Concrete Design Op Art Graphics

  • #f4f2ec ground · 36%
  • #121212 ink · 14%
  • #f3c316 accent · 18%
  • #e3001b accent · 14%
  • #e2361f accent · 10%
  • #0050b5 accent · 8%

As CSS

:root {
  --ground: #f4f2ec;
  --ink: #121212;
  --accent-1: #f3c316;
  --accent-2: #e3001b;
  --accent-3: #e2361f;
  --accent-4: #0050b5;
  --font-display: "Monoton", sans-serif;
  --font-text: "Jost", sans-serif;
}

05

More combinations

With Brazilian Concrete Design

All 11 combinations with Brazilian Concrete Design

With Op Art Graphics

All 16 combinations with Op Art Graphics

Every style combination