Style combination · Contrasts
HfG Ulm Systematic Design × Victorian Letterpress
A Victorian mixed-face handbill is the clutter Ulm's one-family rule was meant to cure; use it as a before-and-after foil.
Mix them and make something HfG Ulm Systematic Design Victorian Letterpress
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.
HfG Ulm Systematic Design Victorian Letterpress & Wood Type
- Type from Victorian Letterpress
-
HfG Ulm Systematic Design avoids eclectic mixing: this is where the two pull against each other, which is the point of the contrast.
- Colour from HfG Ulm Systematic Design
- Form from Victorian Letterpress
-
HfG Ulm Systematic Design avoids abundant decoration: this is where the two pull against each other, which is the point of the contrast.
- Composition from HfG Ulm Systematic Design
-
Victorian Letterpress avoids modular grid: this is where the two pull against each other, which is the point of the contrast.
- Surface from Victorian Letterpress
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Victorian Letterpress
Grid
Abril Fatface, standing in for Fat face romans (Thorne, Figgins)
Text · HfG Ulm Systematic Design
The Hochschule für Gestaltung Ulm (1953–1968) was founded as the successor to the Bauhaus. Under Tomás Maldonado it turned that legacy into a scientific discipline: visual communication was treated as information design, governed by semiotics, ergonomics and methodical planning rather than artistic intuition. Its work for Braun and Otl Aicher's Lufthansa programme set the template for the corporate design system: a strict grid, one grotesque family, a coded colour palette and a manual governing every application.
Inter; HfG Ulm Systematic Design used Akzidenz-Grotesk and Helvetica
03
The colours
The ground and leading colours come from HfG Ulm Systematic Design, with a counter-accent from Victorian Letterpress. The ink reads on the ground at 4.5:1 or more.
HfG Ulm Systematic Design Victorian Letterpress & Wood Type
-
#f4f4f1ground · 36% -
#1b1b1bink · 14% -
#f2b01eaccent · 18% -
#b3322baccent · 14% -
#8a8d8faccent · 10% -
#d9b45aaccent · 8%
As CSS
:root {
--ground: #f4f4f1;
--ink: #1b1b1b;
--accent-1: #f2b01e;
--accent-2: #b3322b;
--accent-3: #8a8d8f;
--accent-4: #d9b45a;
--font-display: "Abril Fatface", serif;
--font-text: "Inter", sans-serif;
}04
The two styles
05
More combinations
With HfG Ulm Systematic Design
- Dada Contrasts · Dada's chance operations expose what Ulm's method suppresses; one deliberately random element can humanise an over-engineered system.
- Isotype Pictorial Statistics Pairs well · Combine Ulm's rulebook rigour with Isotype's counted pictograms to build wayfinding and data systems that stay legible across languages.
- Generative & Dynamic Identities Pairs well · Use Ulm's parameter-driven manual as the rule set behind a generative identity, so variation stays inside a coded system.
- Plain Tobacco Packaging Contrasts · Ulm's coded colours, single type family and manual built recognition for Braun and Lufthansa; plain packaging uses the same rule-bound specification to erase it, a reminder that a design system can suppress identity as well as build it.
- Googie & Atomic Age Contrasts · Ulm's anti-styling functionalism is its sober opposite; use the contrast to calibrate how much showmanship a brand can bear.
- Neumorphism Pairs well · Model controls on Braun-style product design from the Ulm tradition: knobs, sliders and grilles that look moulded from one material.
- Munich 1972 Olympic Design (Otl Aicher) Contrasts · Aicher's own Ulm method (one grid, one grotesque, a manual) applied to a public festival instead of a company: Lufthansa's dark blue, yellow, black and white give way to a landscape spectrum of blues, greens, silver and oranges, pictograms and posterised photographs. Start from Ulm for a corporate system, from Munich when the system must feel friendly.
- British Road Signage (Kinneir & Calvert) Contrasts · Both govern design by a written rule book, but Ulm ruled a company's print with a flush-left grid and one grotesque, while the Worboys kit rules roadside panels through colour, shape and pictogram codes read at speed; start from Ulm for a corporate programme and from the road signs when the reader is moving.
With Victorian Letterpress
- Hand-Painted Signage & Vernacular Lettering Pairs well · Sign writers and type founders traded letterforms; add brushed shading and drop shadows to wood-type headlines for a street-made feel.
- Push Pin Style Pairs well · Push Pin revived Victorian display faces with irony; mix one wood-type headline with modern illustration for the same knowing nostalgia.
- International Typographic Style Contrasts · One face, flush left and white space against a centred clamour of faces: use the contrast to test whether hierarchy needs variety at all.
- Arts & Crafts Movement Contrasts · Morris reacted against exactly this commercial clutter; set the two side by side to show craft restraint versus jobbing exuberance.
- Victorian Colour Toy Books (Evans, Crane, Caldecott and Greenaway) Contrasts · Its black-letter-dense, type-and-ornament jobbing page is the opposite of a picture-led page; combine them by hanging a wood-type title over a flat colour picture.
- Dada Pairs well · Raid Victorian wood type and stock ornaments as the Dadaists did, but scatter them instead of centring them.
- American Four-Colour Comic Book (Golden to Bronze Age) Pairs well · Both are cheap letterpress print that shouts to passers-by; borrow the playbill's stacked display capitals, banners and rules for a comic cover's blurbs and price box, while keeping the comic's hand-drawn letters and keyline art.
- Urdu Katib Lithography Contrasts · Movable-type jobbing print is the technology Urdu turned down; set its centred, mixed metal faces against a flowing, hand-ruled lithographic page.