Style combination · Contrasts
Neoclassical Book Typography × Die Neue Typographie
Tschichold's asymmetric, sans-serif programme was written against exactly this centred classical page; use the clash to choose a stance deliberately.
Mix them and make something Neoclassical Book Typography 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.
Neoclassical Book Typography Die Neue Typographie
- Type from Neoclassical Book Typography
- Colour from Die Neue Typographie
- Form from Die Neue Typographie
- Composition from Neoclassical Book Typography
-
Die Neue Typographie avoids classical text block and central symmetry: this is where the two pull against each other, which is the point of the contrast.
- Surface from Neoclassical Book Typography
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Neoclassical Book Typography
Order
Bodoni Moda, standing in for Bodoni (Giambattista Bodoni, Parma)
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 Neoclassical Book Typography. The ink reads on the ground at 4.5:1 or more.
Neoclassical Book Typography Die Neue Typographie
-
#f3efe4ground · 36% -
#141414ink · 14% -
#d32a1faccent · 18% -
#a32d24accent · 14% -
#7d7a73accent · 10% -
#c9bfa8accent · 8%
As CSS
:root {
--ground: #f3efe4;
--ink: #141414;
--accent-1: #d32a1f;
--accent-2: #a32d24;
--accent-3: #7d7a73;
--accent-4: #c9bfa8;
--font-display: "Bodoni Moda", serif;
--font-text: "Jost", sans-serif;
}04
The two styles
05
More combinations
With Neoclassical Book Typography
- Minimalist Graphic Design Pairs well · Set a single Didone headline in minimalism's empty, monochrome field for the classic luxury-fashion register.
- Renaissance Book Typography Contrasts · Its direct ancestor and foil: swap calligraphic Garalde type, woodcut initials and borders for vertical stress, hairlines and bare white space to see how far reduction alone can carry a page.
- Victorian Letterpress & Wood Type Contrasts · Victorian fat faces blew the Didone up into display type and mixed many faces per sheet; set one face in graded sizes instead when you want calm rather than clamour.
- Bulaq (Amiriyya) Naskh Book Printing Pairs well · In an Arabic–Latin edition, face a justified, rule-framed Naskh page with a centred transitional or Didone page; both make type, rules and margins the only luxury.
- DTC 'Blanding' / Millennial Minimalism Contrasts · Luxury's other reduction: a single Didone wordmark signals heritage where the lowercase sans signals approachability.
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.
- German Book Art Movement (Buchkunstbewegung) Contrasts · 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.