Style combination · Pairs well
Penguin Paperback Design × International Typographic Style
Facetti and Marber already brought Standard and Helvetica, a rule and ranged-left type to the paperback; borrow a Swiss modular grid to extend the Penguin top strip into a full series system for books or podcasts.
Mix them and make something Penguin Paperback Design 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.
Penguin Paperback Design (Three Bands to the Marber Grid) International Typographic Style
- Type from International Typographic Style
- Colour from International Typographic Style
- Form from Penguin Paperback Design
- Composition from Penguin Paperback Design
-
International Typographic Style avoids central symmetry: this is where the two pull against each other.
- Surface from Penguin Paperback Design
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Penguin Paperback Design
The cover system of Penguin Books, London, from 1935 until Germano Facetti left in 1972. Edward Young's cover set author and title in Gill Sans on a white band between two bands of one colour naming the genre: orange for fiction, green for crime. Genre colours and type-only covers came from Hamburg's Albatross paperbacks. Jan Tschichold (1947-49) fixed type positions and redrew the penguin; Erik Ellegaard Frederiksen's vertical grid, adopted by Hans Schmoller in 1951, made room for a picture; Romek Marber's 1961 grid put the type in a ruled top strip and a picture in two-thirds of the cover.
Fira Sans; Penguin Paperback Design used Gill Sans and Akzidenz-Grotesk
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Penguin Paperback Design. The ink reads on the ground at 4.5:1 or more.
Penguin Paperback Design (Three Bands to the Marber Grid) International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#ef7d22accent · 14% -
#1f4e9caccent · 10% -
#c8285faccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #ef7d22;
--accent-3: #1f4e9c;
--accent-4: #c8285f;
--font-display: "Inter Tight", sans-serif;
--font-text: "Fira Sans", sans-serif;
}Use it with care
Penguin Paperback Design (Three Bands to the Marber Grid): The Penguin name and penguin symbol belong to the publisher, which still reissues its classic grid covers, and many cover photographs and drawings remain in their makers' copyright: draw your own emblem, do not combine an orange or green three-band cover with a bird emblem and a publisher cartouche so that it passes for Penguin, and never present a new design as a Penguin book.
04
The two styles
05
More combinations
With Penguin Paperback Design
- GOV.UK Design (GDS Style) Pairs well · Both are British systems that set one sans in fixed positions on white and let rules build the hierarchy; GOV.UK refuses pictures and gives each colour one job, so borrow Penguin's one colour per series when a text-led service has to sort many sections at a glance.
- London Transport Design Pairs well · Both are British systems with a fixed emblem and a Johnston-to-Gill humanist sans; pair London Transport's commissioned pictorial art with Penguin's genre colour bands when one identity has to carry many varied items.
- Vicente Rojo & Mexican Editorial Modernism Pairs well · Rojo's Ediciones Era covers share the white ground, fine rules and one image in a fixed field; combine them for a literary list that needs both a rigid frame and grainy, two-ink photographs.
- Bengali Modernist Book Cover (Prachchhad) Contrasts · Contemporary opposites in literary covers: Signet Press drew a new hand-lettered title for every book, Penguin set the same typeface in the same place on every one; choose by whether the series or the single title should lead.
- Hauntology & Ghost Box Design Contrasts · Ghost Box quotes the ruled Penguin band over a saturated field as an eerie, ironic memory; use the original when the template should simply sort and sell books, and Ghost Box when it should haunt.
- Giallo Mondadori Covers (I Libri Gialli) Contrasts · Penguin coded crime with green bands and type only; Mondadori coded it with yellow and a painted window. Borrow Penguin's fixed type positions to tidy a giallo template, or a painted window to warm a banded one.
- Book Blob (Abstract Colour-Blob Literary Fiction Cover) Contrasts · Penguin's bands and grid made every book look like its publisher on purpose. The blob made books from rival houses look like one another, so the cover signals comparable titles rather than an imprint. Borrow a house grid when a series identity should outlast the season's trend.
- Pulp Magazine Cover Pairs well · The paperback cover is the later successor on the newsstand and bookstall; it trades the shouting masthead and painted peril for a restrained, systematic cover.
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.