Page Composition

Carl Shank • September 2, 2022

Guidelines for Good Layout*

If you ever read any of these disclosure and privacy agreements that you agree to, although written in plain English, they are dense and difficult to fathom.Even if they are on the internet and if given to you in paper form, they give a visual impression that can render a subscriber or applicant frustrated, suspicious and defensive. Take a look at the sample on the top below. To be honest, most of the time we simply don't bother to read the agreements. The problems come when we have an issue with the service or product that requires us to search through these massive and poorly composed pieces.


In real life, we use gestures, body language, tonal changes, and emotive elements that allow the message to get across accurately yet kindly to those who agree to the terms stated. This is done with composition and changes in type style, spacing, weight and size. It might be argued that such agreements and notices are written the way they are to save space or paper or internet usage. However, if we REALLY want the customer or subscriber to read these agreements, there is another and better way to go. This is the composition seen on the bottom below.


Type makes the message visible. The sample text is divided into conversation size pieces. Several techniques are used: (1) an obvious and strong header and beginning; (2) clear topic markers; (3) bold section markers that are easily identified; (4) visual shifts in direction using italicized type. What's changed? Text size and leading are the same (10/12) but everything else is new:


Wide margins. White space is often unused and underrated in such publications. Wide margins, according to John McWade (from which I borrowed and adapted this piece of page composition) are like "fresh linen; they set an open, inviting table." Margins are set at 1 inch all around with 1.5 inches on the left, in case the customer wants to do a three-holed punch and put them in a permanent binder (remember those?).


Medium length lines. They are the easiest to read and usually go about 5o characters or so per line.


Typographic contrasts.  Two type families are used here. Select a bold sans-serif (without feet) font for the vivid flags that point to each section. Here I am using a font called Formata, but any strong bold font will do. This conveys the authority of prominence without shouting (all CAPS type) or closing with the subheads. Notice that the numbers are also gone in these headers. The text is still Times New Roman. Italics are used to change your emphasis or tone of voice. Set each section apart from the rest using eye-pleasing space between the headers and textual elements.


*Adapted from "Guidelines for Good Layout," John McWade, Before & After, Vol. 4, No. 3, 1994, p. 7

Successful Layout & Design

By Carl Shank September 9, 2026
Typeface characteristics are the visual and structural features that distinguish one typeface from another. They determine a typeface’s historical appearance, readability, personality, and appropriate use. Useful Ways to Analyze Any Typeface. When examining an unfamiliar typeface, ask these questions in order (provided by ChatGPT) — Does it have serifs? What kind of serifs? How much thick/thin contrast is present? What is the stress angle? What is the x-height? How wide or narrow are the letters? How are the counters constructed? What do the terminals look like? What are distinctive letters such as a, g, e, R, and Q doing? How does the typeface behave in a paragraph—open, dark, dense, airy, mechanical, or calligraphic? What historical or technological process does its construction suggest? What personality does the combination of these characteristics produce? There are a number of online sources to help identify typefaces ( See Feb. 6, 2022 Blog for more explanation and use.) Sources include — MyFonts ( www.myfonts.com/WhatTheFont ), FontSquirrel ( www.fontsquirrel.com/matcherator ) WhtFontIs ( www.whatfontis.com ) Identifont ( www.identifont.com ) is one of the best. Here are the questions it will ask you — Does it have feet (serifs) or not (sans-serifs)? What style is the tail on uppercase Q? What style is the ampersand (the &)? Is the numeral “4” open or closed? What style of vertical line does the Dollar sign ($) have? How high is the center vertex of the uppercase M? Sit on the line or not? What type of bar does the uppercase G have? How far below the baseline does the uppercase J extend? What about the uppercase R? How far does the center bar extend? Is there a gap with the vertical part of the letter? Does it meet or cross the vertical? What about the question mark (?) What shape is the dot at the bottom? Is it circular, square, triangular, rectangular or even missing? The important point is that a typeface should not be identified by a single characteristic. Its identity comes from the interaction of serifs, contrast, stress, proportions, counters, terminals, spacing, and letterform construction.
By Carl Shank September 5, 2026
Google’s variable font selection includes IBM Plex Sans, Inter, Newsreader, Open Sans, Playfair Display, Express Fraunces and Roboto. FF Meta Variable is now a licensed font from Monotype (myFonts.com). Formata Variable is a demonstration only font from CARE Typography. We consider two Google Variable typefaces here — Playfair Display and Express Fraunces. Playfair Display Playfair Display is a high-contrast transitional/display serif typeface designed by Claus Eggers Sørensen and released through Google Fonts in 2011. It was designed primarily for large display sizes, especially headlines, titles, and editorial typography. Its appearance draws inspiration from the late eighteenth-century transition from traditional broad-nib writing toward pointed steel pens, as well as from the elegant typefaces associated with the European Enlightenment and neoclassical period. Playfair Display is a contemporary high-contrast serif designed primarily for display typography. Its visual ancestry lies in the 18th-century transitional period, particularly the movement from broad-nib calligraphic forms toward the sharper, more vertical forms that ultimately produced Didot and Bodoni.
Show More