Style combination · Contrasts
Gothic Blackletter × Die Neue Typographie
Its flush-left sans-serif page on an asymmetric axis is everything the centred, justified blackletter block is not; set the two side by side to stage the argument between tradition and modernity.
Mix them and make something Gothic Blackletter 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.
Gothic Blackletter & Fraktur Tradition Die Neue Typographie
- Type from Gothic Blackletter
-
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 Gothic Blackletter
- Composition from Die Neue Typographie
-
Gothic Blackletter avoids dynamic asymmetry: this is where the two pull against each other, which is the point of the contrast.
- Surface from Gothic Blackletter
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Gothic Blackletter
Index
UnifrakturMaguntia, standing in for Gutenberg's 42-line Bible textura (Mainz, c. 1454–55)
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 Gothic Blackletter. The ink reads on the ground at 4.5:1 or more.
Gothic Blackletter & Fraktur Tradition Die Neue Typographie
-
#f3efe4ground · 36% -
#141414ink · 14% -
#d32a1faccent · 18% -
#7d7a73accent · 14% -
#b8913aaccent · 10% -
#2c4a8caccent · 8%
As CSS
:root {
--ground: #f3efe4;
--ink: #141414;
--accent-1: #d32a1f;
--accent-2: #7d7a73;
--accent-3: #b8913a;
--accent-4: #2c4a8c;
--font-display: "UnifrakturMaguntia", serif;
--font-text: "Jost", sans-serif;
}Use it with care
Gothic Blackletter & Fraktur Tradition: Blackletter carries political weight in German-speaking countries: the Nazi regime pushed Fraktur as the German script in its first years before banning it in January 1941 as supposed 'Schwabacher Jewish letters', and neo-Nazis still use broken scripts. In the United States, too, certain blackletter faces are associated with hate groups, on tattoos and clothing. Check how a blackletter wordmark will read, especially for anything German, national or political. Cholo placas are territorial inscriptions of Los Angeles Latino street writing with their own codes: do not copy a real neighbourhood's placa or roll call, and commission or credit Chicano letterers (such as Chaz Bojórquez) rather than borrowing their menace as decoration.
04
The two styles
05
More combinations
With Gothic Blackletter
- Arts & Crafts Movement Pairs well · Morris's Kelmscott Press revived gothic type (Troy and Chaucer) inside dense woodcut borders; join the broken letter to foliate frames and handmade paper for a medieval, hand-made book.
- Graffiti & Hip-Hop Graphics Pairs well · Old English letters run through Los Angeles cholo writing into later street lettering; give a hand-drawn textura wordmark aerosol fills, outlines and drop shadows for street weight.
- Renaissance Book Typography Contrasts · Its historical rival: the light, round, open humanist roman page against the dark, broken, woven gothic one. Drop one blackletter title or initial into an Aldine-style page for a deliberate clash of eras.
- Acid Graphics / New Ugly Pairs well · Its club-poster revival: acid graphics mixes blackletter with liquid chrome, ultra-wide grotesques and pixel faces. Render one broken-letter wordmark in chrome on black and leave the parchment, rubrics and justified page behind.
- Victorian Letterpress & Wood Type Pairs well · English proclamations and notices kept black letter for gravity; set one blackletter line among slab and Tuscan wood type to lend a playbill or notice an official, old-world voice.
- Gothic Book of Hours (Illuminated Devotional Book) Pairs well · Compare the shared Gothic text block, then distinguish the book-of-hours page by its coordinated miniatures, graded initials and marginal programme; a blackletter wordmark alone does not reproduce this system.
- Pixação (São Paulo Tag Reto) Pairs well · Tag reto descends from gothic and runic forms by way of metal logos; set a textura line above a row of straight, pointed tag-reto letters, both in black, to show the lineage from the book page to the façade.
- Celtic Revival Illumination & Lettering Contrasts · The other national script of the same decades: Fraktur set German text until its ban in 1941, as Gaelic type set Irish until the mid-twentieth century; set the dark, broken gothic weave against the round, open insular letter.
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.