Skip to content

Every component, every state

Fifty-six components for a reading site, in the order the manifest builds them. Switch the accent preset and the theme to check them all.

  • Folio 1.0.0
  • Newsreader and Hanken Grotesk
  • Class prefix fo-

Accent preset

Index

01Column

.fo-column

The hang

Numbers, dates and a table of contents sit here at 1280px and wider.

The text track holds about 66 characters of Newsreader at 20px, which is where long reading stays comfortable. Everything that annotates the text lives beside it instead of inside it, so the line stays short and the page still carries its apparatus.

A wide child runs from the text track into the margin. Use it for figures, pull quotes and tables that need the room.

04Avatar

.fo-avatar

WM BO IC MO
  • IC
  • BO
  • HS
  • EL

05Nav

header.fo-nav[data-fo-nav]

06Announcement bar

.fo-announce[data-fo-dismissable]

Letter No. 176 Why editors cut the paragraph you love most. Read this week's letter

No. 14 The second draft is out in print and online. See the contents

09Masthead

.fo-masthead

The Longhand Review

An independent magazine about craft and work

No. 14 · Autumn 2026

10Hero

.fo-hero

The second draft is where the writing starts

Most of what we admire in finished work was put there on a later pass. Iris Calder kept every draft for a year and counted what survived.

The first and fourth drafts of the essay's opening page. Struck lines in oxblood.

11Section header

header.fo-head.fo-subgrid

II.In this issue

Six pieces on revision, maintenance and the parts of work nobody sees.

Autumn 2026, 112 pages in print.

See the contents

12Features

ul.fo-features

  • Every issue, the day it's out

    All six pieces of each quarterly issue online on publication morning, three weeks before the print copies reach shops.

  • The whole archive

    Fourteen issues and 176 Saturday letters, searchable by writer, subject and year, with corrections noted where we made them.

  • Read aloud by the writers

    An audio edition of every essay, recorded by the person who wrote it, with the same notes and sources.

  • No ads, sponsored posts or affiliate links
  • Every correction dated and kept on the page
  • No paywall on the Saturday letter

13Cards

article.fo-card

14Bento

.fo-bento

15Issue card

article.fo-issue

No. 14: The second draft

Autumn 2026 · 6 pieces · 112 pages in print

Essays and interviews on revision, maintenance and finishing: a woodworker's hidden joints, a baker's slow clock, and a year of kept drafts.

  • No. 12: Teachers

    Spring 2026 · 6 pieces

16Stats

dl.fo-stats

Issues a year
4
January, April, July and October.
Letters a year
52
Every Saturday at 7 a.m., Eastern.
Paid to writers
80¢ a word
Within 14 days of publication.
Ads
0
No sponsors, no affiliate links.

17Logo row

ul.fo-logos

The print edition is on the shelf at these independent shops.

18Testimonial

figure.fo-quote

We started the Review because the best advice we ever got about work came in long letters, not threads. Every piece we publish has to be worth printing.

Meg OstranderFounding editor

19Pricing

ul.fo-pricing

  • Reader

    The Saturday letter and three pieces a month from the archive.

    $0always

    No card needed.

    Get the letter
    • The Saturday letter
    • Three archive pieces a month

Prices in US dollars. Cancel from your account page; you keep access to the end of the period you paid for.

20CTA

.fo-cta

Read the next issue the morning it's out

Members get No. 15 online on January 9, three weeks before it reaches the shops.

$8 a month or $80 a year. Cancel from your account page at any time.

22Prose

.fo-prose

A first draft tells you what the piece is about. Only the second tells you what it's for.

Writers who keep their drafts notice the same pattern: the sentences readers quote later were rarely in the first version. They arrived on a later pass, often as a replacement for a paragraph that tried to say too much.

What changes between drafts

Three things, in roughly this order:

  1. The order of the argument, usually by moving the ending to the start.
  2. The examples, which get more specific and fewer.
  3. The sentences, which get shorter where the idea is hard and longer where it's easy.

Revision isn't fixing mistakes. It's finding out what you meant.

Meg Ostrander, editor's letter, No. 14

A rule we use

Cut any paragraph you can summarize in one shorter sentence, then write that sentence. Our HSS calls this tightening; most writers call it the second draft. Keyboard users can jump between parts with Tab.


23Drop cap

p.fo-dropcap

Last October I started saving every draft of everything I wrote, down to the emails I rewrote before sending. By March the folder held eleven hundred files and one uncomfortable finding: almost nothing I was proud of had been in the first version.

Some openings don't want ceremony. A two-line ink initial marks the start of a shorter piece without competing with the figure beside it.

24Sidenote

span.fo-sidenote

I kept every draft for a year, and the folder grew faster than the work.Eleven hundred files by March, most of them under a page. Saving was automatic; reading them back was not. The useful part wasn't the archive. It was the habit of looking at what changed between one version and the next, and asking why.

The changes clustered in the first and last paragraphs, which is where readers decide whether to keep going and what to remember.An unnumbered margin note, for an aside that doesn't need a reference number. The middle mostly survived.

25Footnotes

sup.fo-fnref

Editors at three magazines told us they cut a writer's favorite paragraph in most pieces they edit.a A study of manuscript drafts found the same pattern in published novels.b

Notes and sources

  1. Interviews conducted for this issue, August and September 2026.
  2. Hal Brennan, The Kept Page: Drafts and Their Readers (Northfold Press, 2019), chapter 3.

26Pull quote

figure.fo-pullquote

The lines readers quote later were almost never in the first version. They arrived on a later pass, usually as the replacement for a paragraph that tried to say three things at once.

Almost nothing I was proud of had been in the first version.

Iris Calder, on a year of kept drafts

That isn't a lesson about talent. It's a lesson about where to spend the hours.A margin pull quote, below, floats beside the text instead of breaking it.

The middle mostly survived.

The first and last paragraphs changed the most between drafts, because they carry the decision to keep reading and the thing a reader remembers.

27Figure

figure.fo-figure

A year of the work log, one square per working day. Oxblood marks the days a piece went to press.Diagram by Priya Raman

A figure in the column keeps its caption in the margin on wide screens, level with the bottom of the image.Captions sit at the bottom edge so they never collide with a note above.

Kept words, as a stack of sheets.

A margin figure floats beside the text like a note. Keep it small and simple: a diagram, a detail, a map of one room.

A bleed figure spans the page edge to edge; its caption stays with the text.Spread from No. 14

28Article header

header.fo-article-head.fo-subgrid

The second draft is where the writing starts

Most of what we admire in finished work was put there on a later pass. A case for treating revision as the main event, with numbers from a year of keeping every draft.

  • 31Callout

    aside.fo-callout[aria-label]

  • 32Timeline

    ol.fo-timeline

    1. The first Saturday letter

      Sent to 212 people from a kitchen table in Providence. It was about a stonemason's notebook.

    2. No. 1 goes to print

      Eighty pages, six pieces, a run of 600 copies stocked by four shops.

    3. Audio editions

      Writers start recording their own pieces for members.

35Archive list

section.fo-archive[aria-labelledby]

2026 24 pieces

October · No. 14

  1. The second draft is where the writing starts

    Essays · Iris Calder

  2. A furniture maker on the joint nobody sees

    Interviews · Ben Okoro Audio

July · No. 13

  1. Keeping every draft

    Essays · Iris Calder

37Reading progress

div.fo-reading-progress[data-fo-reading-progress][aria-hidden="true"]

  • 38Forms

    form.fo-form

    Enter an email address with a full domain, like [email protected].

    Link found.

    A paragraph is plenty. 150 words at most.

    Have you written for us before?

    We answer every pitch within ten days.

  • 39Switch

    label.fo-switch

  • 40Choice cards

    fieldset.fo-choices

    How would you like to pay?
    How often should we write?

    Choose how often you'd like the letter.

  • 41Search field

    form.fo-search[role="search"]

  • 42File drop

    .fo-drop[data-fo-drop]

    • second-draft-v4.docx48 KB

    interview-audio.wav is 212 MB. Send a link to the audio instead.

  • 43Newsletter

    form.fo-newsletter

    Free. One letter every Saturday. Unsubscribe from the foot of any letter.

    Check your inbox: we sent a link to confirm [email protected].

44Subscribe block

section.fo-subscribe[aria-labelledby]

Get the Saturday letter

One essay, three things worth your time and a note from the editor. Every Saturday morning, free.

Unsubscribe from the foot of any letter.

45Tables

.fo-table-wrap

What each plan includes
PlanSaturday letterIssues onlinePrintPer year
Individual
ReaderIncludedNot includedNot included$0
Member
PrintIncludedIncludedIncluded$140
Groups
Library or schoolIncludedIncluded2 copies$360
  • 46Description list

    dl.fo-dl

    Issue
    No. 14, Autumn 2026
    Editor
    Meg Ostrander
    Pages
    112, uncoated stock
    Printed by
    A family press in Pawtucket, Rhode Island, in a run of 2,400
    Typefaces
    Newsreader and Hanken Grotesk
  • 47Pagination

    nav.fo-pages[aria-label="Pages"]

48Chart

figure.fo-chart[aria-labelledby]

Where the final essay's words were first written

Share of the 3,900 published words, by the draft they first appeared in.

  1. Draft 118%
  2. Draft 241%
  3. Draft 327%
  4. Draft 414%

Source: the author's kept drafts, October 2025 to September 2026.

The draft grew, then shrank

Words in the working draft and words that reached print, over 21 working days.

  • Working draft peak 6,400
  • Reached print 3,900
Show the data
Words by working day
DayWorking draftReached print
1800300
42,600900
85,2001,700
116,4002,500
155,6003,100
184,5003,600
213,9003,900

Where No. 14's pages go

112 printed pages, by section.

  • Essays 52
  • Interviews 26
  • Notebook 14
  • Letters 10
  • Front and back 10

Sequential and diverging scales

For heat maps and change: hours of editing per piece, and pages gained or cut between proofs.

  • Under 2 h
  • 2 to 4 h
  • 4 to 8 h
  • 8 to 16 h
  • Over 16 h
  • Cut 4 or more
  • Cut 1 to 3
  • No change
  • Gained 1 to 3
  • Gained 4 or more
  • 49FAQ

    .fo-faq

    Can I cancel any time?

    Yes. Cancel from your account page in two clicks. You keep access to the end of the month or year you paid for, and we don't charge again.

    Do you run ads or sponsored pieces?

    No. Readers pay for the Review. There are no ads, sponsored posts or affiliate links, in print or online.

    Is there a student or hardship rate?

    Yes. Write to us and we'll set you up for what you can pay, no proof needed.

    Another question? Write to the editors.

  • 50Alert

    .fo-alert

    The print edition ships October 24

    Members can read every page of No. 14 online now.

    You're a member

    A receipt is on its way to [email protected]. Start with No. 14.

    Your card expires next month

    Update it before December 1 so the print issue isn't held. Update card

  • 51Toast

    .fo-toasts[role="status"][aria-live="polite"][data-fo-toasts]

    Saved to your reading list

    View list
  • 52Dialog

    dialog.fo-dialog[id][aria-labelledby]

    Cancel your membership?

    You'll keep full access until November 30, 2026, and we won't charge you again. The Saturday letter keeps coming unless you turn it off.

    Share this essay

    Members can send three free reads a month. This link works for 14 days.

  • 53Tooltip

    span.fo-tip

    Newsreader changes shape with its Letterforms drawn for a particular size: finer at headline sizes, sturdier for text., so headlines and text come from one family.

    Read by the writer, 21 minutes Print with notes in the margin
  • 54Empty state

    .fo-empty

    Nothing saved yet

    Tap the bookmark on any essay and it waits here, with your place kept.

    No pieces match "dovetails"

    Try one word, or search the writer's name. Interviews are listed under the person interviewed.

  • 55Skeleton

    .fo-skeleton[aria-busy="true"]

    Loading essays

  • 56Progress

    .fo-progress

    62%
    62%
    Working
    Working
    Done
    100%

    We'll reply to [email protected] by October 17.

    28%
    28%

    The connection dropped. Choose the file again to retry.

    1. Your pitch
    2. A sample
    3. Send

Part of the Design Systems Library