Stylogeny combining Swiss Punk × Renaissance Book Typography

Try

Style combination · Contrasts

Swiss Punk × Renaissance Book Typography

Classical centred book typography is the calm foil to New Wave's stepped, letterspaced lines.

From the research on Swiss Punk / New Wave Typography

Mix them and make something Swiss Punk Renaissance Book Typography

GridSwiss Punk × Renaissance Book1968 · 1460
A sample layout drawn from the recipe: shapes from Swiss Punk, their arrangement from Renaissance Book Typography, the finish from Renaissance Book Typography. Not a real work, and not an image of either 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.

Swiss Punk / New Wave Typography Renaissance Book Typography

Type from Swiss Punk

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 Swiss Punk
Form from Swiss Punk
Composition from Renaissance Book Typography

Swiss Punk 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 Renaissance Book Typography

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Swiss Punk

Grid

Inter Tight, standing in for Akzidenz-Grotesk

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 Swiss Punk, with a counter-accent from Renaissance Book Typography. The ink reads on the ground at 4.5:1 or more.

Swiss Punk / New Wave Typography Renaissance Book Typography

  • #f4f1ea ground · 36%
  • #111111 ink · 14%
  • #e6007e accent · 18%
  • #b23a2b accent · 14%
  • #f7d117 accent · 10%
  • #b8973f accent · 8%

As CSS

:root {
  --ground: #f4f1ea;
  --ink: #111111;
  --accent-1: #e6007e;
  --accent-2: #b23a2b;
  --accent-3: #f7d117;
  --accent-4: #b8973f;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "EB Garamond", serif;
}

05

More combinations

With Swiss Punk

With Renaissance Book Typography

All 16 combinations with Renaissance Book Typography

Every style combination