Stylogeny combining Corporate Identity Modernism × Generative

Try

Style combination · Pairs well

Corporate Identity Modernism × Generative

Keep the manual's mark, colour and grid as constants and let generative rules vary one parameter, so the system still reads as one company.

From the research on Corporate Identity Modernism

Keep one invariant element from corporate modernism, such as a fixed wordmark or colour, so the variable identity stays recognisable.

From the research on Generative & Dynamic Identities

Mix them and make something Corporate Identity Modernism Generative

IndexCorporate Identity × Generative1955 · 2007
A sample layout drawn from the recipe: shapes from Generative, their arrangement from Corporate Identity Modernism, the finish from Generative. 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.

Corporate Identity Modernism Generative & Dynamic Identities

Type from Corporate Identity Modernism
Colour from Corporate Identity Modernism
Form from Generative
Composition from Corporate Identity Modernism
Surface from Generative

02

The type

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

Display · Corporate Identity Modernism

Index

Inter Tight, standing in for Helvetica

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 Corporate Identity Modernism, with a counter-accent from Generative. The ink reads on the ground at 4.5:1 or more.

Corporate Identity Modernism Generative & Dynamic Identities

  • #ffffff ground · 36%
  • #111111 ink · 14%
  • #d7261e accent · 18%
  • #0091ff accent · 14%
  • #0a4fa0 accent · 10%
  • #ffd400 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #111111;
  --accent-1: #d7261e;
  --accent-2: #0091ff;
  --accent-3: #0a4fa0;
  --accent-4: #ffd400;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Corporate Identity Modernism

All 28 combinations with Corporate Identity Modernism

With Generative

All 15 combinations with Generative

Every style combination