Style combination · Contrasts
ECM Sleeve Aesthetic × International Typographic Style
Both set spare sans-serif type on white, but the Swiss style orders objective photographs and text on a grid to inform, while ECM withholds information and lets one ambiguous image set a mood.
Mix them and make something ECM Sleeve Aesthetic International Typographic Style
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.
ECM Sleeve Aesthetic (Munich) International Typographic Style
- Type from International Typographic Style
-
ECM Sleeve Aesthetic avoids type as image: this is where the two pull against each other, which is the point of the contrast.
- Colour from International Typographic Style
- Form from ECM Sleeve Aesthetic
- Composition from ECM Sleeve Aesthetic
- Surface from ECM Sleeve Aesthetic
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · ECM Sleeve Aesthetic
The cover language of the Munich label ECM, made since 1970 by Barbara Wojirsch, Dieter Rehm and later Sascha Kleis and Mayo Bucher with co-founder Manfred Eicher. Each sleeve carries one image chosen to correspond to the music and only rarely to show the players: a wintry, often black-and-white sea, sky or empty landscape, a film still, or in Wojirsch's covers a scribble, rune or handwritten title. A few slender lines of small type, usually sans-serif, give the barest information. The idiom has held across more than five decades of releases.
Inter; ECM Sleeve Aesthetic used Small light grotesque and Widely spaced light sans capitals
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from ECM Sleeve Aesthetic. The ink reads on the ground at 4.5:1 or more.
ECM Sleeve Aesthetic (Munich) International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#a89f8daccent · 14% -
#1f4e9caccent · 10% -
#7d8a92accent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #a89f8d;
--accent-3: #1f4e9c;
--accent-4: #7d8a92;
--font-display: "Inter Tight", sans-serif;
--font-text: "Inter", sans-serif;
}Use it with care
ECM Sleeve Aesthetic (Munich): The sleeves, their photographs (by Franco Fontana, Christian Vogt and others) and the stills from Godard's and Tarkovsky's films belong to their makers and the label, which still issues records under its own look: take the method (one corresponding image, tiny type, silence), photograph or license your own image, and never present a design as an ECM release or letter the label's logotype or a catalogue number on it. Use borrowed signs knowingly: an ensō is a Zen Buddhist practice, and some runes carry far-right associations in Europe.
04
The two styles
05
More combinations
With ECM Sleeve Aesthetic
- Minimalist Graphic Design Pairs well · The parent and nearest genome: both stand one element on an empty field with small type, but minimalism keeps it flat, neutral and geometric, while ECM puts a grainy, wintry photograph or a hand-made scribble there and lets mood carry the cover. Choose ECM when the emptiness should feel like weather or silence rather than a product shot.
- Die Neue Typographie Pairs well · Barbara Wojirsch named Tschichold as an influence: borrow his asymmetric blocks of small sans-serif type and set them beside one quiet photograph instead of his photomontage.
- Post-Punk Record Sleeve (Stiff, Factory, 4AD) Pairs well · 23 Envelope's blurred, tinted photographs for 4AD share ECM's atmospheric register; add post-punk's quoted image and hidden riddle to an ECM layout for a darker, more knowing sleeve.
- Ma & Wabi-sabi Aesthetics Pairs well · Both trust emptiness and a single brush mark, as on Changeless (1989) with its Zen circle painting; add wabi-sabi's earth tones and paper texture to an ECM layout for a warmer, more material calm.
- Blue Note Jazz Sleeve Modernism Contrasts · The other jazz label idiom: Reid Miles blew the title up, tinted a hard-cropped photograph of the players and ran flat colour bands; ECM shrinks the title to a line and shows a landscape instead of the musicians. Choose between swing and stillness.
- Slow-Living Editorial (the Kinfolk Look) Contrasts · The nearest genome: one photograph, small type and silence, but ECM's picture is a wintry, often black-and-white landscape without people, while Kinfolk's is a warm, peopled interior or laid table; pick ECM for solitude and this for company.
- Hipgnosis Photographic Concept Sleeve Pairs well · Both keep the musicians and most of the type off the front and let one photograph of a wide landscape carry the record; ECM leaves it wintry and still, Hipgnosis puts an absurd event in it. Add ECM's silence and tiny type to a Hipgnosis concept for a quieter, stranger cover.
- Bossa Nova Sleeve Modernism (César Villela and Elenco) Contrasts · Both answer a quiet, intimate music with an empty field and sparse type, but ECM shows a wintry landscape and hides the players, while Elenco puts the musicians at the centre, cut out in stark black and white, and adds red dots for rhythm. Choose Elenco when the record should feel warm and swinging rather than still.
With International Typographic Style
- Art Nouveau Contrasts · Ornamental curves against an orthogonal grid make a strong deliberate tension.
- Brutalist Web Design Pairs well · Strip the grid to raw HTML defaults to get a rawer, contemporary take on Swiss honesty.
- Psychedelic Poster Contrasts · Its exact opposite on legibility; borrow one swirling element to break a too-cold Swiss layout.
- Japanese Postwar Modernism Pairs well · Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.
- American Traditional Tattoo Flash Contrasts · Rational grid and sans-serif against sentimental, hand-lettered emblems: one flash motif on a Swiss layout makes a sharp contrast.
- Graffiti & Hip-Hop Graphics Contrasts · Put a single tag or throw-up over a strict Swiss grid to stage the clash between institutional order and a street voice.
- Pop Art Graphics Contrasts · Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
- Italian Painted Film Poster (Rome Studios) Contrasts · Grid, restraint and photographic objectivity are the opposite of a crowded painted montage.