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.
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.
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
-
#ffffffground · 36% -
#111111ink · 14% -
#0091ffaccent · 18% -
#c99a2eaccent · 14% -
#ffd400accent · 10% -
#b8262baccent · 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;
}
04
The two styles
05
More combinations
With Generative
- Op Art Graphics Pairs well · Op Art's line modulation and moiré are ready-made rules for patterns that respond to data or motion.
- Corporate Identity Modernism Pairs well · Keep one invariant element from corporate modernism, such as a fixed wordmark or colour, so the variable identity stays recognisable.
- International Typographic Style Pairs well · Use a Swiss modular grid as the fixed frame so generated variants stay coherent across the whole system.
- Dark Tech Minimalism Pairs well · Run a generative shader or particle field behind the hero to replace stock imagery with live, on-brand texture.
- Kinetic Typography & Variable Type Pairs well · Drive the variable axes with data or sound so the type responds to input rather than merely looping.
- Generative-AI Image Aesthetic Contrasts · Rule-based generative identity designs the system and accepts abstract variation; AI imagery averages toward realism, so decide which kind of 'generative' a brief needs.
- Milanese Industrial Modernism (Olivetti, Pirelli, Studio Boggeri) Pairs well · Pintori's cascades of numerals and dots are proto-generative; code them as rules to drive a contemporary variable identity.
- Data Humanism Pairs well · Let a generative system draw personal data portraits from people's own answers, as What Counts did, but give the code a hand-drawn grammar and a legend so the output reads as made by people.
With Hand-Painted Signage
- Victorian Letterpress & Wood Type Pairs well · Sign writers and type founders traded letterforms; set a wood-type headline and finish it with painted shadows and outlines.
- West African Barbershop & Hair Salon Signs Pairs well · West African barbershop boards are the sign writer's catalogue genre; pair a painted name panel with a grid of numbered hairstyle portraits for a shop menu that reads from the street.
- Graffiti & Hip-Hop Graphics Pairs well · Graffiti writers inherited the sign painter's outlines and drop shadows; pair a disciplined sign alphabet with a wildstyle tag for contrast of control.
- Flat Design Contrasts · Against flat, machine-perfect UI, one hand-painted wordmark signals human craft; keep everything else flat so it stands out.
- Fileteado Porteño Pairs well · Add filete scrolls and bevelled shading to plain painted lettering for a richer, Buenos Aires-style sign.
- Roman-like Thai Typography (modern loopless Thai) Contrasts · A hand-painted shopfront sign, in looped letters or broad-nib Naris, beside a flat loopless headline shows the shift from the letterer's hand to dry transfer and digital type that Manop Srisomporn himself made.
- Italian Painted Film Poster (Rome Studios) Pairs well · Shares the painted-on-site lettering craft; borrow its bold hand-lettering for the title block.
- City Pop Illustration Pairs well · Suzuki fills his streets with painted shop names; real sign-writers' letterforms make the fascias in a city pop scene read as made rather than typeset.