Editorial Design · Page 6 of 7

Type system & pacing

Choose a three-typeface system, then plan the rhythm of the whole issue.

A type system

Type is the biggest constant in a magazine. Most strong magazine systems use three typefaces, each with a clear job.

  • DisplayPlayfair DisplayHeadline only. Big and brief.
  • Clean sansMontserratKicker, byline, subhead, caption. Works in caps.
  • TextLoraDeck and body. Calm, with a full family.
One article opener, three typefaces. The colored bar on each line shows which role it plays. Each typeface keeps the same job on every page.
RoleWhat to look forUse it for
DisplayA visually engaging face with personality. It may only look good large and short.Headlines, the masthead, big numbers
Clean sansA modern face that works in lowercase and all capsKickers, subheads, bylines, captions, folios
TextA very legible face with a large family (more than regular, bold and italic)Body text, decks, pull quotes. The extra weights give you emphasis without adding a fourth typeface.

A short size scale

  • Aa8 ptCaption, folio
  • Aa9.5 ptBody
  • Aa14 ptDeck
  • Aa24 ptPull quote
  • Aa48 ptHeadline
Five sizes, each a clear step up from the last. Sizes that are too close (10 and 11 pt) look like a mistake, not a choice.

Hierarchy tips

Connect: Choosing Fonts

Use the Choosing Fonts lesson to pick each role:

Two typefaces or three? Choosing Fonts recommends two for most designs, and a third only in one small place. A magazine follows the same rule: the display face appears only in headlines, while the sans and the text face do everything else. If your display face is used anywhere else, it becomes a conflict.

Apply it: Type studies (Brochure & Pulse)

Each type study combines one typeface from each role above. Set real headline, deck, body and caption text at real sizes, then print it. Once you choose a study, turn each line into a paragraph style.

Pacing the whole issue

Readers move through a magazine like a film: some moments are loud, some are quiet. Plan that rhythm before you design details.

Spread 1: CoverThumbnail of the cover spread.
1. Cover Loud · [None]
Spread 2: ContentsThumbnail of the contents spread.2 PULSEPULSE 3
2. Contents Quiet · A-Base
Spread 3: Story openerThumbnail of the story opener spread.4 PULSEPULSE 5
3. Story opener Loud · B-Opener
Spread 4: Story continuedThumbnail of the story continued spread.6 PULSEPULSE 7
4. Story continued Quiet · C-Text 3 col
Spread 5: PoemThumbnail of the poem spread.8 PULSEPULSE 9
5. Poem Quiet · A-Base
Spread 6: Essay openerThumbnail of the essay opener spread.10 PULSEPULSE 11
6. Essay opener Loud · B-Opener
Spread 7: Image + textThumbnail of the image + text spread.12 PULSEPULSE 13
7. Image + text Medium · D-Image + Text
Spread 8: ColophonThumbnail of the colophon spread.14 PULSEPULSE 15
8. Colophon Quiet · A-Base

A sample storyboard. The bars show how “loud” each spread is. Loud openers are always followed by quieter pages, and the italic names are the parent pages each spread uses. No two loud spreads sit side by side.

  1. Thumbnail first. Sketch small spreads on the provided templates. Sketch the text as lines and blocks; it’s faster and shows the structure better.
  2. Storyboard all the content. Decide how many pages each piece needs (a poem might take 1 page, a story 3) to set your page count.
  3. Alternate loud and quiet. Follow a dramatic, image-heavy opener with calmer text pages. Don’t put two big openers side by side.
  4. Build layout options as parent pages. For example: A-Base (folios only), B-Opener, C-Text 3 col, D-Image + Text. Rotate them so the same layout isn’t repeated a lot in one section.
  5. Create interest without photos. Some spreads won’t have room for a photo or won’t have one. Use color fields, rules, oversized type, spot illustrations or geometric patterns.

© Created by Sara Rosenstock, Marietta College Graphic Design.