Grids, Type and the Golden Ratio

Carl Shank • April 28, 2022

What does the Golden Ratio Have to Do With Type and Layout?

One of the wonders of  how to shape a page in layout work and typesetting has to do with what is called The Golden Ratio. This is a mathematical and organic ratio of 1:1.618... found inherent in simple geometric figures, like the equilateral triangle, the square, the regular pentagon [See Example 1 Below], hexagon and octagon. Not only are these dimensions pleasing to the human eye and sense, they are found universally in many aspects of nature, like the the pine cone, sunflower, hurricanes, seashells and even the human brain [See Example 2 Below]. Robert Bringhurst in his masterful The Elements of Typographic Style notes that the Golden Ratio and other proportions "occur repeatedly in nature, and pages that embody them recur in manuscripts and books from Renaissance Europe, Táng and Sòng Dynasty China, early Egypt, pre-Columbian Mexico and Ancient Rome. It seems that the beauty of these proportions is more than a matter of regional taste or immediate fashion. . . Working and playing with them is  a way of developing good typographical instinct, and they serve as useful references in analyzing old designs and calculating new ones." (p. 130)


Typographers have been using the Golden Mean and Golden Ratio, therefore, for centuries. Laying out a page with such a proportion is not merely good typography but resonates with our brains and our inner sense of proportion in the universe. Indeed, "a 2019 study from John Hopkins University compared 100 human skulls. The Nasioniac arc connects the tip of the nasal bone to the inion, a small bump on the back of the skull, and the Bregma is a curve on the top of the skull that follows a similar path that a headband would. In all of the 100 skulls researchers studied, they found that the bisection of these points creates two arcs whose distances exhibit the Golden Ratio." (Louise Holway, "The Golden Ratio: Myth or Magic of Mathematics," Nu Sci Magazine: Northeastern University's Student Run Science Magazine, April 22, 2021) In other words, our brains are "hard wired" to notice this ratio universally, certainly in page layout projects.


Forming grids on pages that are pleasing to the eye should take such proportions as the Golden Ratio into account. Note the Examples below for such a layout. To be sure, modern magazine layouts are not slavishly tied to such proportions, but our aesthetic sensibilities often demand them and we can see things as "off" in page layouts without them.

Successful Layout & Design

Typeface Characteristics: Which Type Where?

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.

More on Variable Fonts (2)

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