Style combination · Contrasts
Cranbrook × Renaissance Book Typography
The single justified book block is what deconstruction questions; quoting it inside a layered layout makes the critique explicit.
Mix them and make something Cranbrook Renaissance Book Typography
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.
Cranbrook & Deconstructivist Typography Renaissance Book Typography
- Type from Cranbrook
-
Renaissance Book Typography avoids eclectic mixing: this is where the two pull against each other, which is the point of the contrast.
- Colour from Cranbrook
- Form from Renaissance Book Typography
- Composition from Cranbrook
- Surface from Renaissance Book Typography
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Cranbrook
Atlas
Inter Tight, standing in for Univers and Helvetica, fragmented and layered
Text · Renaissance Book Typography
The printed book as shaped by humanist Italy and France: roman and italic types modelled on humanist handwriting, a single justified text block set in harmonious proportions within generous margins, and woodcut initials, borders and printer's devices as the only ornament. Its page became the default model of the Western book for the next five centuries.
EB Garamond; Renaissance Book Typography used Jenson's roman and Griffo's roman
03
The colours
The ground and leading colours come from Cranbrook, with a counter-accent from Renaissance Book Typography. The ink reads on the ground at 4.5:1 or more.
Cranbrook & Deconstructivist Typography Renaissance Book Typography
-
#f2efe6ground · 36% -
#141414ink · 14% -
#d1342caccent · 18% -
#c99a2eaccent · 14% -
#8a8780accent · 10% -
#8a6e4baccent · 8%
As CSS
:root {
--ground: #f2efe6;
--ink: #141414;
--accent-1: #d1342c;
--accent-2: #c99a2e;
--accent-3: #8a8780;
--accent-4: #8a6e4b;
--font-display: "Inter Tight", sans-serif;
--font-text: "EB Garamond", serif;
}
04
The two styles
05
More combinations
With Cranbrook
- International Typographic Style Contrasts · Swiss clarity is the master narrative Cranbrook took apart; keep one Swiss column as a legible anchor in a deconstructed spread.
- Emigre & Early Digital Type Pairs well · Emigre published Cranbrook work; set layered Cranbrook-style spreads in Emigre's early digital typefaces.
- Brutalist Web Design Pairs well · Competing hierarchies translate to the browser as overlapping, barely styled HTML layers.
- Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken) Contrasts · Its transatlantic contemporary: Katherine McCoy of Cranbrook co-organised the 1986 Chicago show of Dutch design. Cranbrook layers text to be read and argued over; the Dutch studios layer pictures, colour and staged depth to be enjoyed. Choose Cranbrook for theory-laden spreads and the Dutch idiom for posters that must play.
- Die Neue Typographie Contrasts · Cranbrook dismantled exactly these rules; state one New Typography convention clearly, then break it on purpose.
- Total Design & Dutch Functionalism Contrasts · Cranbrook's layered, reader-dependent pages invert Total Design's single impersonal reading; set one against the other to argue order versus interpretation.
- South African Vernacular Design (Ijusi) Contrasts · Both layer vernacular lettering into experimental pages, but Cranbrook starts from literary theory and Ijusi from Durban's streets and the politics of a new democracy; choose by whether the brief is about reading or about place.
With Renaissance Book Typography
- Minimalist Graphic Design Pairs well · Keep classical page proportions and a humanist serif but strip the ornament to give minimal layouts warmth and authority.
- Arts & Crafts Movement Pairs well · Morris's Kelmscott Press revived Jenson's roman; pair a Renaissance text block with dense Arts & Crafts borders for a private-press feel.
- Gothic Blackletter & Fraktur Tradition Contrasts · The humanist roman was drawn against the gothic textura it replaced in Italy: open, round and light where blackletter is dense, broken and dark.
- Islamic Geometric & Calligraphic Tradition Pairs well · Use arabesque or moresque fleurons, as Venetian and Lyon printers did, to frame a classical text block.
- International Typographic Style Contrasts · Centred, justified and serifed versus asymmetric, ragged and sans: the clearest foil for deciding which order a page should follow.
- Ethiopian Ge'ez Manuscript & Haräg Illumination Pairs well · Ge'ez manuscripts share the logic of black text with red rubrics; borrow the principle of red for names and headings, not the sacred imagery.
- Gothic Book of Hours (Illuminated Devotional Book) Contrasts · Compare a hand-painted devotional opening with a printed humanist text page: the former gives pictures and illuminated margins a larger organising role, while the latter centres roman type and measured margins.
- Emblem Book (Motto, Picture & Epigram) Contrasts · Its parent shares the humanist roman and italic, the paper and the woodcut, but lets text carry the page with ornament at its edges; the emblem book puts a framed picture at the centre of every page and makes it part of the argument.