Style combination · Contrasts
Renaissance Book Typography × International Typographic Style
Centred, justified and serifed versus asymmetric, ragged and sans: the clearest foil for deciding which order a page should follow.
Mix them and make something Renaissance Book Typography 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.
Renaissance Book Typography International Typographic Style
- Type from International Typographic Style
-
Renaissance Book Typography avoids grotesque & neo-grotesque: this is where the two pull against each other, which is the point of the contrast.
- Colour from International Typographic Style
- Form from Renaissance Book Typography
-
International Typographic Style avoids floral & vegetal: this is where the two pull against each other, which is the point of the contrast.
- Composition from Renaissance Book Typography
-
International Typographic Style avoids central symmetry: this is where the two pull against each other, which is the point of the contrast.
- 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.
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 International Typographic Style, with a counter-accent from Renaissance Book Typography. The ink reads on the ground at 4.5:1 or more.
Renaissance Book Typography International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#b23a2baccent · 14% -
#1f4e9caccent · 10% -
#b8973faccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #b23a2b;
--accent-3: #1f4e9c;
--accent-4: #b8973f;
--font-display: "Inter Tight", sans-serif;
--font-text: "EB Garamond", serif;
}04
The two styles
05
More combinations
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.
- 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.
- Cranbrook & Deconstructivist Typography Contrasts · The single justified book block is what deconstruction questions; quoting it inside a layered layout makes the critique explicit.
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.