Style combination · Contrasts
Googie × HfG Ulm Systematic Design
Ulm's anti-styling functionalism is its sober opposite; use the contrast to calibrate how much showmanship a brand can bear.
Mix them and make something Googie HfG Ulm Systematic Design
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.
Googie & Atomic Age HfG Ulm Systematic Design
- Type from Googie
-
HfG Ulm Systematic Design avoids hand-lettering: this is where the two pull against each other, which is the point of the contrast.
- Colour from HfG Ulm Systematic Design
- Form from Googie
- Composition from HfG Ulm Systematic Design
-
Googie avoids modular grid: this is where the two pull against each other, which is the point of the contrast.
- Surface from Googie
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
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 Googie. The ink reads on the ground at 4.5:1 or more.
Googie & Atomic Age HfG Ulm Systematic Design
-
#f4f4f1ground · 36% -
#1b1b1bink · 14% -
#f2b01eaccent · 18% -
#f2673aaccent · 14% -
#8a8d8faccent · 10% -
#40b5adaccent · 8%
As CSS
:root {
--ground: #f4f4f1;
--ink: #1b1b1b;
--accent-1: #f2b01e;
--accent-2: #f2673a;
--accent-3: #8a8d8f;
--accent-4: #40b5ad;
--font-display: "Yellowtail", cursive;
--font-text: "Inter", sans-serif;
}04
The two styles
05
More combinations
With Googie
- Y2K Futurism Pairs well · Both sell a glossy future; add Googie starbursts and orbit lines to Y2K chrome for retro-futurism that spans both millennia.
- Hand-Painted Signage & Vernacular Lettering Pairs well · Pair Googie forms with sign-painter scripts and shaded lettering for convincing diner, motel and bowling-alley signage.
- Memphis Design Pairs well · Memphis revived its boomerangs and squiggles; mix the two for a playful atomic-meets-postmodern pattern system.
- City Pop Illustration Pairs well · Googie's motels, diners and boomerang roadside signs are the American architecture these painters idealised; borrow its signage and script for the fascias in a city pop street scene.
- Polish Cold War Neon (PRL Neonisation) Contrasts · Googie sold motels and coffee shops to passing drivers with starbursts, boomerangs and swept-back sign panels; the Polish signs answered to state planners rather than to passing trade and kept to a script name and a line figure on a modernist block. Borrow googie's bounce when a Polish-style sign feels too polite.
- Art Deco Pairs well · Googie's atomic starbursts extend Deco's celestial ornament; mix them for retro hospitality and signage.
- Streamline Moderne Pairs well · Googie is Streamline's post-war heir; combine their curves and speed lines for retro diner, travel or automotive branding.
- Tiki Pop (Polynesian Pop) Contrasts · The same post-war roadside America built both, but Googie looks forward with boomerangs, starbursts and pastel space-age optimism while tiki looks back to a pseudo-primitive island in carved wood and torchlight; choose Googie to promise the future and tiki to offer an escape from it.
With HfG Ulm Systematic Design
- Victorian Letterpress & Wood Type Contrasts · 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.
- 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.
- 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.