Style combination · Contrasts
German Book Art Movement × Die Neue Typographie
From the mid-1920s the Bauhaus and the New Typography took over the avant-garde of the book; centred hand-press pages against asymmetric sans-serif layouts make a clear old-against-new tension.
Mix them and make something German Book Art Movement Die Neue Typographie
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.
German Book Art Movement (Buchkunstbewegung) Die Neue Typographie
- Type from German Book Art Movement
-
Die Neue Typographie avoids blackletter: this is where the two pull against each other, which is the point of the contrast.
- Colour from Die Neue Typographie
- Form from Die Neue Typographie
- Composition from Die Neue Typographie
-
German Book Art Movement avoids dynamic asymmetry: this is where the two pull against each other, which is the point of the contrast.
- Surface from German Book Art Movement
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · German Book Art Movement
Rise
UnifrakturMaguntia; German Book Art Movement used Behrens-Schrift (Peter Behrens, Gebr. Klingspor, 1902; semibold 1901), followed by Behrens-Antiqua and Behrens-Kursiv and Ehmcke-Antiqua and Ehmcke-Kursiv (Flinsch, 1908–1910; the Antiqua is dated 1908 or 1909/10) and Ehmcke-Fraktur
Text · Die Neue Typographie
The programme that turned avant-garde experiment into a functional typographic method, named by Moholy-Nagy in 1923 and codified in Jan Tschichold's 'elementare typographie' (1925) and Die neue Typographie (1928). It demanded asymmetric layouts, sans-serif type, standard paper formats, photography and active white space, all justified by clarity of communication, and spread through the Ring neue Werbegestalter and designers from Delft to Prague.
Jost; Die Neue Typographie used Futura and Akzidenz-Grotesk
03
The colours
The ground and leading colours come from Die Neue Typographie, with a counter-accent from German Book Art Movement. The ink reads on the ground at 4.5:1 or more.
German Book Art Movement (Buchkunstbewegung) Die Neue Typographie
-
#f3efe4ground · 36% -
#141414ink · 14% -
#d32a1faccent · 18% -
#7d7a73accent · 14% -
#c9b68caccent · 10% -
#3f5a6eaccent · 8%
As CSS
:root {
--ground: #f3efe4;
--ink: #141414;
--accent-1: #d32a1f;
--accent-2: #7d7a73;
--accent-3: #c9b68c;
--accent-4: #3f5a6e;
--font-display: "UnifrakturMaguntia", serif;
--font-text: "Jost", sans-serif;
}
Use it with care
German Book Art Movement (Buchkunstbewegung): Fraktur carries political weight in German-speaking countries: the Nazi regime pushed it as the German script in its first years before banning it in January 1941 (see the blackletter-fraktur caution). Several of the movement's presses and artists were active up to the 1933 seizure of power, after which Harry Graf Kessler of the Cranach-Presse never returned to Germany. Check how a Fraktur page or a 'German book art' label will read, especially for anything national or political.
04
The two styles
05
More combinations
With German Book Art Movement
- Gothic Blackletter & Fraktur Tradition Pairs well · Its artists drew new Frakturen beside their romans, so a Fraktur text with a broad-pen title stays within the movement's own range.
- Renaissance Book Typography Pairs well · Its presses cut their romans after fifteenth-century incunabula; Renaissance margins and rubrics sit naturally beside its drawn initials.
- Victorian Letterpress & Wood Type Contrasts · The reform answered the cheap, mass-produced book of the late nineteenth century; one artist-drawn face against a jobbing printer's mix of display types shows what it rejected.
- Contemporary Chinese Book Design ('Most Beautiful Books of China') Pairs well · Both treat paper, type, binding and case as one work of book art; set a German book-art title page beside an exposed-spine Chinese volume to show two national cultures of the crafted book that meet in Leipzig.
With Die Neue Typographie
- Risograph & Indie Print Culture Pairs well · Two-colour riso printing suits its black-plus-red restraint for low-budget editorial and posters.
- Cranbrook & Deconstructivist Typography Contrasts · Cranbrook dismantled exactly these rules; state one New Typography convention clearly, then break it on purpose.
- International Typographic Style Pairs well · Extend its asymmetric black-and-red onto a full modular grid for a seamless Swiss-era update.
- Renaissance Book Typography Contrasts · Tschichold himself returned to the centred classical page; set the two side by side to choose between symmetric tradition and asymmetric function.
- Mechano-Faktura & Polish Constructivist Advertising Pairs well · Pair the line-field image with asymmetric sans setting for an advertising layout.
- Post-Punk Record Sleeve (Stiff, Factory, 4AD) Pairs well · Saville's model: borrow Tschichold's asymmetric placement and small sans-serif capitals, then replace his photographs with one quoted image to get a cool, ordered sleeve.
- Brodovitch Editorial Design (Harper's Bazaar) Contrasts · Asymmetry without rules: improvised and photographic rather than systematic.
- ECM Sleeve Aesthetic (Munich) 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.