Style combination · Contrasts
Cobi and Mariscal's Barcelona '92 Mascot Graphics × Munich 1972 Olympic Design
The rational pictogram grid against a single drawn mascot; mixing them shows how much a hand-drawn character loosens an institutional system.
Mix them and make something Cobi and Mariscal's Barcelona '92 Mascot Graphics Munich 1972 Olympic 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.
Cobi and Mariscal's Barcelona '92 Mascot Graphics Munich 1972 Olympic Design (Otl Aicher)
- Type from Munich 1972 Olympic Design
- Colour from Munich 1972 Olympic Design
- Form from Cobi and Mariscal's Barcelona '92 Mascot Graphics
- Composition from Cobi and Mariscal's Barcelona '92 Mascot Graphics
- Surface from Munich 1972 Olympic Design
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Munich 1972 Olympic Design
Hello
Inter Tight, standing in for Univers (Adrian Frutiger, 1957), the only typeface of the Games' official communications, with Univers 55 as the house weight
Text · Cobi and Mariscal's Barcelona '92 Mascot Graphics
A mascot-led strand of the Barcelona '92 Games, narrowed here to the character and not the emblem or pictograms. Javier Mariscal's Cobi, an orange Catalan sheepdog in a Cubist manner after Picasso's Las Meninas, brought a cartoon grin to the Games, then spread to statues, a fountain and a cartoon series. It was initially criticised by Catalans who felt Mariscal was less worthy than Miro or Gaudi to represent them.
Archivo; Cobi and Mariscal's Barcelona '92 Mascot Graphics used Hand-drawn lettering and Generic rounded hand-drawn comic caps
03
The colours
The ground and leading colours come from Munich 1972 Olympic Design, with a counter-accent from Cobi and Mariscal's Barcelona '92 Mascot Graphics. The ink reads on the ground at 4.5:1 or more.
Cobi and Mariscal's Barcelona '92 Mascot Graphics Munich 1972 Olympic Design (Otl Aicher)
-
#9ccf7cground · 36% -
#141414ink · 14% -
#49aa76accent · 18% -
#f28c1caccent · 14% -
#8a96c4accent · 10% -
#e63027accent · 8%
As CSS
:root {
--ground: #9ccf7c;
--ink: #141414;
--accent-1: #49aa76;
--accent-2: #f28c1c;
--accent-3: #8a96c4;
--accent-4: #e63027;
--font-display: "Inter Tight", sans-serif;
--font-text: "Archivo", sans-serif;
}
Use it with care
Munich 1972 Olympic Design (Otl Aicher): The Olympic rings are a protected IOC mark and the Munich posters, emblem and pictograms are the work of named designers: borrow the method (one grid, a light landscape palette, grid-drawn figures), not the artefacts. The 'cheerful Games' are also bound up with the Munich massacre of 5–6 September 1972, when Black September gunmen killed 11 members of the Israeli team; use the identity's optimism knowingly.
04
The two styles
05
More combinations
With Cobi and Mariscal's Barcelona '92 Mascot Graphics
With Munich 1972 Olympic Design
- Japanese Postwar Modernism Pairs well · Munich built its pictograms partly on Tokyo 1964's; add Kamekura's single emblem on a wide empty field to a Munich layout when one poster must carry more gravity than a series.
- Flat Design Pairs well · Flat icon families descend from these round-headed figures; borrow a single stroke width (which, as Holt shows, the 1972 figures only approximate, since a limb built from an orthogonal and a 45-degree segment cannot keep one thickness) and the 0, 45 and 90-degree rule to keep a screen icon set coherent.
- HfG Ulm Systematic Design 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.
- Isotype Pictorial Statistics Pairs well · Isotype's figures count, Munich's direct: combine Neurath's rows of counted signs with Aicher's grid-drawn sports figures for public information that both explains and guides.
- Wordless Flat-Pack Assembly Instructions Pairs well · Aicher's pictogram system gives the tool and warning signs a stricter grid while the drawings stay in outline.