Stylogeny combining Generative × Milanese Industrial Modernism

Try

Style combination · Pairs well

Generative × Milanese Industrial Modernism

Pintori's cascades of numerals and dots are proto-generative; code them as rules to drive a contemporary variable identity.

From the research on Milanese Industrial Modernism (Olivetti, Pirelli, Studio Boggeri)

Mix them and make something Generative Milanese Industrial Modernism

formGenerative × Milanese Industrial2007 · 1933
A sample layout drawn from the recipe: shapes from Generative, their arrangement from Milanese Industrial Modernism, the finish from Milanese Industrial Modernism. 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.

Generative & Dynamic Identities Milanese Industrial Modernism (Olivetti, Pirelli, Studio Boggeri)

Type from Milanese Industrial Modernism
Colour from Generative
Form from Generative
Composition from Milanese Industrial Modernism
Surface from Milanese Industrial Modernism

02

The type

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

Display · Milanese Industrial Modernism

Form

Inter Tight, standing in for Akzidenz-Grotesk

Text · Generative

Identity systems designed as rules rather than fixed marks: logos and graphics generated by code, data or parameters so that they vary endlessly while staying recognisable. Anticipated by Karl Gerstner's Designing Programmes (1964) and launched by projects such as Sagmeister's Casa da Música (2007) and TheGreenEyl's MIT Media Lab identity (2011), the approach now spans responsive, data-driven and AI-assisted brands.

Inter; Generative used Neue Haas Grotesk and Variable fonts

03

The colours

The ground and leading colours come from Generative, with a counter-accent from Milanese Industrial Modernism. The ink reads on the ground at 4.5:1 or more.

Generative & Dynamic Identities Milanese Industrial Modernism (Olivetti, Pirelli, Studio Boggeri)

  • #ffffff ground · 36%
  • #111111 ink · 14%
  • #0091ff accent · 18%
  • #f0b41c accent · 14%
  • #e1401f accent · 10%
  • #00c389 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #111111;
  --accent-1: #0091ff;
  --accent-2: #f0b41c;
  --accent-3: #e1401f;
  --accent-4: #00c389;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Generative

All 15 combinations with Generative

With Milanese Industrial Modernism

Every style combination