Treat Your Notes Like a Magazine Page
A note treated like a magazine page is a note you will go back to. Editorial design — the craft Brodovitch refined at Harper's Bazaar and Vignelli rebuilt for Knoll — is not decoration 1 2 3. It is a 200-year-old way of making text legible enough to read again, beautiful enough to want to.
The instinct to treat notes as throwaway is the wrong instinct. A magazine spread is the product of decisions about line length, weight, hierarchy, and white space that respected the reader's eye — decisions Butterick reduces to a handful of numbers any editor can set 4 5. Your notebook deserves the same respect. Alexey Brodovitch held the Harper's Bazaar art director chair for twenty-four years from 1934 to 1958 1 6; Massimo Vignelli's Knoll identity work, begun in 1965 with his wife Lella, ran on the same austere principles for decades 2 3. The New Yorker, founded by Harold Ross and Jane Grant on February 21, 1925, sets every body paragraph in the same Caslon revival 7 8. Steph Ango, CEO of Obsidian, frames the long bet in one sentence: "In the fullness of time, the files you create are more important than the tools you use to create them." 9 If files outlast apps, the typography of those files is the typography of your future thinking.
What most people believe about notes
Most people believe a note is a temporary container — scratch paper for an idea on its way somewhere else. Format does not matter because nobody else will read it. The result is a notebook that looks like the inside of a desk drawer: dashed-off lines, no margins, no rhythm, optimized for capture and useless for re-reading 10.
That belief is the same one Beatrice Warde dismantled in 1930 in her lecture "Printing Should Be Invisible," better known as The Crystal Goblet 11. Warde was the publicity manager for the British Monotype Corporation. She delivered the argument to the British Typographers' Guild at the St Bride Institute in London on October 7 of that year: good typography is a clear vessel for a wine that already exists 11. The point applies one-to-one to a private notebook. A note that is hard to look at again is wine in a clouded glass — the wine is still there, but you stop reaching for it.
Why the conventional view fails
The conventional view fails because re-reading is the only step that turns a note into knowledge. Hermann Ebbinghaus's 1885 self-study established the curve every educator has fought: the steepest decline in retention happens within the first day 12. A note you cannot bear to re-open is a note you will not reread. The forgetting curve does the rest.
The Karpicke and Roediger 2008 Science paper put a number to the cost of skipping retrieval. Students who learned forty Swahili-English vocabulary pairs and then practised retrieval recalled about 80 percent of the words a week later. Students who restudied the same items without retrieval recalled about 36 percent — a forty-four-point gap on identical material in identical time 13. Retrieval is the work. The visible texture of a note is what determines whether you will choose to do that work tomorrow morning. Magazine designers have known this for a century. Brodovitch rebuilt Harper's Bazaar on that wager, and his own staff recorded what it cost: his layouts, wrote managing editor Frances MacFadden, "were the despair of copywriters whose cherished tone poems on girdles or minks had to be sacrificed to his sacred white space." 6 The same wager works on a notebook.
What works instead
What works instead is to treat a note like a magazine page — one column, generous margins, a serif heading, body text large enough to read at arm's length, line length capped where it stops fragmenting the eye. The exact numbers come from two centuries of typographic consensus, not taste 14.
Robert Bringhurst's Elements of Typographic Style fixes the band: "Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face. The 66-character line (counting both letters and spaces) is widely regarded as ideal." 14
Matthew Butterick, the typographer-lawyer behind Practical Typography, narrows the range slightly and adds a screen rule: "Aim for an average line length of 45–90 characters, including spaces." 5 15 His point-size rule pegs body text at "10–12 point" in print and "15–25 pixels" on the web, with line spacing at "120–145% of the point size." 4 These are not aesthetic preferences. They are reading-engineering numbers.
Matched pairs, not extra fonts, do most of the work. Massimo Vignelli restricted his practice to a small set of typefaces. Vignelli Associates, the studio he founded in 1971 with Lella after leaving Unimark, worked firmly within the modernist tradition, stressing simplicity by using basic geometric shapes and a limited range of typefaces 16. Their Knoll identity work, begun in 1965, applied the same restraint to a brand 2 3. The New Yorker sets every body paragraph in Adobe Caslon, the 1990 Carol Twombly revival of William Caslon's 1725 cuts, against a single Rea Irvin display face for nameplate and headlines 7 8. One serif, one sans, used with discipline, looks more refined than five fonts used with energy.
The practice for tomorrow morning
The practice tomorrow morning is to set your editor once and then leave it alone. Five moves, all free, all from the consensus zone where Bringhurst, Butterick, The New Yorker, and Material Design overlap 5 14 7 17.
- Body text at 16 pixels minimum, line-height 1.5–1.6. This is Butterick's 120–145 percent of point size 4 and Material Design's body-large baseline of 16sp 17. Anything smaller is the inside of a desk drawer.
- Cap your measure at 60–75 characters. Bringhurst's ideal is 66 14; Butterick's band is 45–90 5. Wider lines exhaust the return sweep; narrower ones fragment the rhythm. The width axis has its own post — The 66-Character Line for Notes — if you want the measurements rather than the inheritance.
- One serif, one sans — and stop. The New Yorker uses Adobe Caslon for body and Irvin for the nameplate, full stop 7. Pair a humanist sans for body with a serif for headings, or the reverse. Resist the third typeface.
- Soften the contrast. Pure black on pure white reads as clinical. A body color near #333 on white clears the W3C's WCAG 2.2 contrast minimum of 4.5:1 for body text 18 comfortably while reading easier than pure black.
- Give the page room to breathe. Brodovitch built Harper's Bazaar on white space and cropped layouts, and is remembered for exactly that 1 6. Margins of 60–80 pixels around a 65-character measure is a magazine spread, not a wireframe.
The habit, harder than any setting: re-read your own note the next morning, in the typography you would want a stranger to read it in. If it makes you wince, the typography has told you what the content has not.
What the magazine inheritance is, exactly
The magazine inheritance is two centuries of working out, in public, how to make text someone wants to live with. Harper's Bazaar, founded on November 2, 1867, set the bar for fashion publications 1. The New Yorker, founded by Harold Ross and Jane Grant on February 21, 1925, fixed the editorial-essay template still used today 7. The lineage is unbroken.
Wallpaper, founded in London in 1996 by Tyler Brûlé and Alexander Geringer, gave design-monthly readers a contemporary template 19. The Gentleman's Magazine in London in 1731 named the form three centuries earlier. Every step of it was a decision about how a reader would treat the page.
Tibor Kalman ran Interview magazine from 1989 to 1991 and co-founded Colors with Oliviero Toscani in 1991 specifically to make the page a statement about the world rather than a shop window 20. AIGA gave him its medal posthumously in 1999 as "the design profession's moral compass and its most fervent provocateur." 20 David Carson, in three years at Ray Gun starting in 1992, broke the magazine grid in the opposite direction — chaotic, layered, deliberately illegible in places — and won the 2014 AIGA Medal for the same instinct 21. The page was the artefact. Both directions, the disciplined and the wild, treated the page as the artefact, not as a frame for content somewhere else. A notebook can carry the same intention without carrying the volume.
What this is not
This is not an argument for prettier notes. Pretty is the failure mode. Andrew Blauvelt, who directed Cranbrook Art Museum after a decade at the Walker Art Center, has spent his career arguing that graphic design is a discipline of decisions, not decorations 22. The five rules above are decisions. Restraint is the editorial.
The wrong reading is to add a sixth rule — a third typeface, a marginal illustration, a colored accent — and call the result editorial. This is also not an argument that aesthetics can substitute for thought. Beatrice Warde's "crystal goblet" was a vessel, not a wine 11. Edward Tufte coined the term chartjunk for "useless, non-informative, or information-obscuring elements" in his 1982 Visual Display of Quantitative Information and 2006 Beautiful Evidence 23. He would say the same about a notebook bristling with weights and colors that carry no meaning. A note in well-spaced 16-pixel Caslon is not smarter than the same note in default 12-pixel Arial. It is more likely to be re-read. The difference is downstream.
Frequently Asked Questions
Why does treating my notes like a magazine page actually matter?
Because the only act that turns a note into knowledge is re-reading. Karpicke and Roediger's 2008 Science study found a forty-four-point retention gap between students who practised retrieval and those who restudied identical material 13. A note set with care invites that re-read; a cramped, default-typography note quietly does not. Magazine layout is a 200-year-old craft for inviting return.
What is the single most important typography setting for notes?
Line length. Robert Bringhurst calls 66 characters per line "ideal," with 45–75 the satisfactory band for a single-column page set in a serif 14. Matthew Butterick widens the band to 45–90 for screens, including spaces 5. Get measure right and the rest of the rules become easier; get it wrong and no font choice rescues the page.
Do I really need a serif font?
Not strictly, but a serif heading paired with a sans body (or the reverse) is what most editorial pages use. The New Yorker sets body in Adobe Caslon against the Rea Irvin display face for headlines 7 8. The pairing creates hierarchy through difference rather than weight.
Isn't this just decoration, when notes are private anyway?
The opposite. Private notes are the ones that need typographic care most, because no editor will rescue them later. Beatrice Warde's 1930 Crystal Goblet lecture argued that good typography is invisible until it fails — and the failure shows up at re-read time, alone, with no audience 11. The decoration argument confuses editorial with ornamental.
What did Massimo Vignelli actually say about typography?
Vignelli Associates, founded in 1971, worked firmly within the modernist tradition, stressing simplicity by using basic geometric shapes and a limited range of typefaces 16. The Knoll identity work begun in 1965 with Lella applied the same restraint to a brand 2 3. Vignelli himself defined graphic design as work that should be "visually powerful, intellectually elegant, and above all timeless." 2
How is this different from the typography post about chocolate and creativity?
That post — Typography Is as Effective as Chocolate for Creativity — covered Larson, Hazlett, Chaparro, and Picard's 2006 Microsoft Research finding that twenty minutes of well-typeset reading produces measurable mood-and-creativity uplift on the Duncker candle task 24. This post is about a different angle — magazine design as a 200-year inheritance, applied to a private notebook. The cognitive payoff is downstream of the editorial decisions that make a page worth re-reading.
Doesn't beautiful design slow me down when I am just trying to capture an idea?
Capture is the cheap part of note-taking. Distillation and re-reading are the expensive parts, and that is where editorial typography earns its rent. Bullet Journal creator Ryder Carroll designed his system in the late 1990s for exactly this trade-off, public since 2013 25. Set the editor once. Then capture freely, on a page that respects you tomorrow.
Where can I learn more about editorial design?
Robert Bringhurst's The Elements of Typographic Style (1992, multiple revised editions) is the reference book; Jonathan Hoefler and Tobias Frere-Jones called it "the finest book ever written about typography" 14. Ellen Lupton's Thinking with Type (Princeton Architectural Press, 2004; 3rd edition 2024) is the modern textbook 26. Matthew Butterick's Practical Typography (web-based, free, since July 2013) is the working manual 5 15.
What changes if you take this seriously
Take this seriously — five settings, one habit, no third typeface — and the notebook stops being a graveyard for ideas. It becomes the place you return to. Steph Ango's "files outlast apps" principle is load-bearing only when the files are worth re-opening 9. The magazine page is the model two centuries of editors have proved a reader returns to.
Treat your notes the way Brodovitch treated Bazaar's spreads, the way Vignelli treated Knoll's letterhead, the way Carol Twombly treated Caslon's 18th-century punches when she revived them in 1990 — the Adobe Originals face The New Yorker adopted for its body text 8. Set the page once. Then write into it for a decade. MNMNOTE (mnmnote.com) opens in your browser at a 65-character measure with a softened serif heading against a 16-pixel sans body — the same magazine inheritance, applied to a private notebook with no account and no install.
References
FAQPage JSON-LD
Article JSON-LD
Footnotes
-
"Harper's Bazaar." Wikipedia. https://en.wikipedia.org/wiki/Harper%27s_Bazaar. Founded November 2, 1867; Brodovitch art director 1934–1958; Brodovitch introduced Didot, white space, cropped layouts, and photographers including Avedon, Dahl-Wolfe, Penn. Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4
-
"Massimo Vignelli." Wikipedia. https://en.wikipedia.org/wiki/Massimo_Vignelli. 1931–2014; Knoll among Vignelli Associates clients; subway map August 1972; quote "visually powerful, intellectually elegant, and above all timeless." Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4 ↩5
-
"Lella Vignelli." Wikipedia. https://en.wikipedia.org/wiki/Lella_Vignelli. Vignelli–Knoll relationship beginning with a comprehensive visual identity review starting in 1965; Handkerchief chair 1985; stacking dinnerware 1964. Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4
-
Butterick, M. "Typography in ten minutes." Butterick's Practical Typography. https://practicaltypography.com/typography-in-ten-minutes.html. Body text 10–12 pt print, 15–25 px web; line spacing 120–145% of point size. Accessed 2026-05-16. ↩ ↩2 ↩3
-
Butterick, M. "Line length." Butterick's Practical Typography. https://practicaltypography.com/line-length.html. Verbatim: "Aim for an average line length of 45–90 characters, including spaces." Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4 ↩5 ↩6
-
"Alexey Brodovitch." Wikipedia. https://en.wikipedia.org/wiki/Alexey_Brodovitch. Twenty-four-year tenure; Carmel Snow's quote on his pages that "bled" with cropped photographs and bold typography; surrealist juxtapositions. Accessed 2026-05-16. ↩ ↩2 ↩3
-
"The New Yorker." Wikipedia. https://en.wikipedia.org/wiki/The_New_Yorker. Founded February 21, 1925, by Harold Ross and Jane Grant. Display typeface Irvin, designed by Rea Irvin. Body text in Adobe Caslon. Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4 ↩5 ↩6
-
"Caslon." Wikipedia. https://en.wikipedia.org/wiki/Caslon. William Caslon I, 1725; Adobe Caslon designed by Carol Twombly, 1990, "very popular revival" used as body text by The New Yorker. Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4
-
Ango, S. (July 1, 2023). "File over app." https://stephango.com/file-over-app. Verbatim: "In the fullness of time, the files you create are more important than the tools you use to create them. Apps are ephemeral, but your files have a chance to last." Accessed 2026-05-16. ↩ ↩2
-
MNMNOTE blog — "Why Your Notes Should Outlive Your App." https://blog.mnmnote.com/posts/why-your-notes-should-outlive-your-app. Internal link to the Format-A essay on file-over-app and notebook longevity. Accessed 2026-05-16. ↩
-
"Beatrice Warde." Wikipedia. https://en.wikipedia.org/wiki/Beatrice_Warde. American typographer, 1900–1969; "Printing Should Be Invisible" lecture delivered October 7, 1930, to the British Typographers' Guild at the St Bride Institute, London; published as The Crystal Goblet in 1955. Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4
-
Ebbinghaus, H. (1885). Über das Gedächtnis (English: Memory: A Contribution to Experimental Psychology, trans. H. A. Ruger and C. E. Bussenius, 1913). https://psychclassics.yorku.ca/Ebbinghaus/index.htm. The forgetting curve and the steepest one-day decline. Accessed 2026-05-16. ↩
-
Karpicke, J. D., & Roediger, H. L. (2008). "The critical importance of retrieval for learning." Science, 319(5865), 966–968. https://www.science.org/doi/10.1126/science.1152408. 80% vs 36% recall after one week, retrieval vs restudy on Swahili-English pairs. Accessed 2026-05-16. ↩ ↩2
-
Bringhurst, R. (1992). The Elements of Typographic Style, multiple revised editions to 2016. Hartley & Marks. Web companion at http://webtypography.net/2.1.2 — verbatim: "Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face... The 66-character line (counting both letters and spaces) is widely regarded as ideal." Wikipedia: https://en.wikipedia.org/wiki/Robert_Bringhurst — Hoefler and Frere-Jones quote: "the finest book ever written about typography." Accessed 2026-05-16. ↩ ↩2 ↩3 ↩4 ↩5 ↩6
-
"Matthew Butterick." Wikipedia. https://en.wikipedia.org/wiki/Matthew_Butterick. Harvard BA visual and environmental studies; UCLA JD; published Practical Typography as web-based book in July 2013, growing from Typography for Lawyers (2008). Accessed 2026-05-16. ↩ ↩2
-
"Vignelli Associates." Wikipedia. https://en.wikipedia.org/wiki/Vignelli_Associates. Founded 1971 by Massimo and Lella Vignelli in New York City after Unimark; verbatim: "They worked firmly within the modernist tradition, stressing simplicity by using basic geometric shapes and a limited range of typefaces." Accessed 2026-05-16. ↩ ↩2
-
"Typography — Type scale tokens." Material Design 3. Google. https://m3.material.io/styles/typography/type-scale-tokens. Body-large baseline at 16sp. Accessed 2026-05-16. ↩ ↩2
-
"Understanding Success Criterion 1.4.3: Contrast (Minimum)." Web Content Accessibility Guidelines (WCAG) 2.2. W3C. https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html. 4.5:1 minimum contrast ratio for normal text. Accessed 2026-05-16. ↩
-
"Wallpaper (magazine)." Wikipedia. https://en.wikipedia.org/wiki/Wallpaper_(magazine). Founded London 1996 by Tyler Brûlé and Alexander Geringer; design and architecture, fashion, travel, art, and lifestyle. Accessed 2026-05-16. ↩
-
"Tibor Kalman." Wikipedia. https://en.wikipedia.org/wiki/Tibor_Kalman. 1949–1999; Interview creative director 1989–1991; started Colors with Oliviero Toscani in 1991; verbatim: posthumously awarded the 1999 AIGA medal as "the design profession's moral compass and its most fervent provocateur." Accessed 2026-05-16. ↩ ↩2
-
"David Carson (graphic designer)." Wikipedia. https://en.wikipedia.org/wiki/David_Carson_(graphic_designer). Born 1955; art director at Ray Gun magazine, where "he stayed for three years"; AIGA medal 2014. Founding year and Carson's founding-art-director role per "Ray Gun (magazine)," Wikipedia, https://en.wikipedia.org/wiki/Ray_Gun_(magazine) — "first published in 1992 in Santa Monica, California. Led by founding publisher Marvin Scott Jarrett, art director David Carson…". Accessed 2026-05-16. ↩
-
"Andrew Blauvelt." Wikipedia. https://en.wikipedia.org/wiki/Andrew_Blauvelt. Born 1964; director Cranbrook Art Museum since 2015; Walker Art Center design director and curator 2005–2015; AIGA medal 2022. Accessed 2026-05-16. ↩
-
"Edward Tufte." Wikipedia. https://en.wikipedia.org/wiki/Edward_Tufte. The Visual Display of Quantitative Information (1982, 2nd ed. 2001), Beautiful Evidence (2006); chartjunk = "useless, non-informative, or information-obscuring elements of quantitative information displays." Accessed 2026-05-16. ↩
-
Larson, K., Hazlett, R. L., Chaparro, B. S., & Picard, R. W. (2006). "Measuring the Aesthetics of Reading." In People and Computers XX — Engage: Proceedings of HCI 2006. Microsoft Research / MIT Affective Computing. https://www.microsoft.com/en-us/research/wp-content/uploads/2021/06/Larson-Hazlett-Chaparro-Picard-2006-measuring-the-aesthetics-of-reading.pdf. Accessed 2026-05-16. ↩
-
"Bullet journal." Wikipedia. https://en.wikipedia.org/wiki/Bullet_journal. Created by Ryder Carroll, digital product designer; system developed in late 1990s, shared publicly in 2013. Accessed 2026-05-16. ↩
-
"Ellen Lupton." Wikipedia. https://en.wikipedia.org/wiki/Ellen_Lupton. Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students, originally Princeton Architectural Press, 2004; 2nd edition 2010; 3rd revised and expanded edition 2024. Cooper Hewitt Senior Curator of Contemporary Design 1992–2022. Accessed 2026-05-16. ↩