Stylogeny combining Generative × Hand-Painted Signage

Try

Style combination · Contrasts

Generative × Hand-Painted Signage

Hand-painted lettering's one-off irregularity is the human counterpart to algorithmic variation; mix the two only with clear intent.

From the research on Generative & Dynamic Identities

Mix them and make something Generative Hand-Painted Signage

Large red brush-script lettering reading “Momentum,” outlined in white with a black offset shadow and sweeping underline, crosses a white background. Curving rows of blue circles, yellow triangles and red squares shrink toward the right, creating a tunnel-like effect.
AI-generated by Stylogeny from the recipe below, and checked against it: the type from Hand-Painted Signage, the form from Generative, the composition from Generative. Not a real or historical work.

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 Hand-Painted Signage & Vernacular Lettering

Type from Hand-Painted Signage
Colour from Generative
Form from Generative
Composition from Generative
Surface from Hand-Painted Signage

02

The type

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

Display · Hand-Painted Signage

Together

Yellowtail, standing in for Brush script

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 Hand-Painted Signage. The ink reads on the ground at 4.5:1 or more.

Generative & Dynamic Identities Hand-Painted Signage & Vernacular Lettering

  • #ffffff ground · 36%
  • #111111 ink · 14%
  • #0091ff accent · 18%
  • #c99a2e accent · 14%
  • #ffd400 accent · 10%
  • #b8262b accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #111111;
  --accent-1: #0091ff;
  --accent-2: #c99a2e;
  --accent-3: #ffd400;
  --accent-4: #b8262b;
  --font-display: "Yellowtail", cursive;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Generative

All 15 combinations with Generative

With Hand-Painted Signage

All 29 combinations with Hand-Painted Signage

Every style combination