BookbindingClear

How does book binding work?
A book is a big printed sheet folded three times, sewn through the folds and hung in a cloth case. Fold one and watch sixteen pages land in order, compare sewn, glued, stapled and coiled spines, and follow the book from palm leaf on a cord to the paperback.

▶ Play with it  ·  Read the 60-second explainer  ·  Watch the 40-second video

In 60 seconds

1. Two parts, made apart. A hardback is a text block of folded, sewn sections and a separate case of boards and cloth. Endpapers and a cloth lining called mull join them. The paper's grain runs parallel to the spine, because paper folds along the grain and swells across it.
2. One sheet, sixteen pages. Presses print many pages on one big sheet. Folded once it is a folio of 4 pages, then a quarto of 8, then an octavo of 16. To come out in order, some pages must be printed upside down. Working that out is imposition, and the model computes it by folding.
3. Thread, glue, staple or coil. Sewn sections are strong and lie flat. Perfect binding mills off the folds and glues loose leaves: thick EVA glue springs shut, thinner PUR opens flatter. Magazines are saddle stitched. Coils fold right round. Strengths shown are a labelled model.
4. Rounding, backing, casing in. Thread in each fold makes the spine swell. Rounding turns that swell into an arc, about a third of a circle for a 384-page book. Backing makes shoulders as high as the boards are thick. The case goes on last, and the joint groove lets the stiff board hinge.
5. India's books. A palm-leaf pothi is a stack of leaves on a cord between wooden covers, letters incised and blackened. The Gilgit birch-bark manuscripts, from about the 5th and 6th centuries, are at the National Archives of India. Traders keep red cloth bahi-khata ledgers. Acid paper browns and turns brittle, so archives deacidify and store it cool.
6. Scroll to paperback. Martial praised the codex in the late 1st century CE, and it replaced the scroll by the 6th. Coptic and Islamic binders refined sewing and covers. Goa had Asia's first movable-type press in 1556. Cloth cases arrived in the 1820s, sewing machines after 1868, and Penguin's sixpenny paperbacks in 1935.

Words worth knowing

Term	Meaning
Section	A big printed sheet folded into a group of pages. Also called a signature or gathering.
Imposition	Placing pages on a sheet so they come out in order once it is folded.
Grain	The direction most fibres point in a sheet of paper. It should run parallel to the spine.
Kettle stitch	The linking stitch at head and tail that ties each sewn section to the one before.
Perfect binding	Loose leaves glued at the spine edge into a wrap-round cover, as in most paperbacks.
Rounding and backing	Shaping the glued spine into an arc and bending its outer sections into shoulders for the boards.
Case	A hardback cover made separately from two boards and a spine strip covered in cloth or paper.
Pothi	A South Asian book of long loose leaves strung on a cord between two boards.
Acid paper	Paper whose acid slowly cuts its own cellulose chains, so it yellows and turns brittle.

A short history

Two thousand years from bark on a cord and scrolls in Rome to sewn hardbacks and glued paperbacks.

• 50 · Birch-bark books from Gandhara (Buddhist scribes, Gandhara, now Afghanistan and Pakistan)
• 85 · Martial praises the codex (Martial, Roman poet, Rome)
• 350 · The Nag Hammadi codices (Unknown scribes and binders, Upper Egypt)
• 550 · The Gilgit manuscripts (Buddhist scribes, Gilgit)
• 715 · The St Cuthbert Gospel (An Anglo-Saxon scribe and binder, Northumbria)
• 1455 · Gutenberg's Bible (Johannes Gutenberg and partners, Mainz)
• 1556 · A press at Old Goa (Jesuits of St Paul's College, with printer João de Bustamante, Old Goa)
• 1823 · Books bound in cloth (William Pickering, publisher, and Archibald Leighton, binder, London)

The full story, with 26 moments, charts, people and 29 sources: glassbox.how/e/bookbindingclear/history. The data lives in history.json.

Video and slides

Made with the Glassbox studio from this box's storyboard (window.glassbox.director). Free to reuse under CC BY 4.0.

File	What	Size
glassbox/reel.mp4	Reel / Short, with captions and soundtrack	1080×1920
glassbox/video.mp4	YouTube video, with captions and soundtrack	1920×1080
glassbox/slide-1…10.jpg	Instagram carousel	1080×1350
glassbox/thumb.jpg	YouTube thumbnail	1280×720
glassbox/cover.jpg	Share card and repo social preview	1200×630
glassbox/history-reel.mp4	“History in 10 moments” Reel / Short	1080×1920
glassbox/history-slide-*.jpg	History carousel	1080×1350
glassbox/post.json	Post copy and schedule used by the publish kit

Privacy

This box has no accounts and no ads, and it ships its own fonts and libraries. When you run it yourself it sends nothing anywhere. On glassbox.how, the site's /bar.js also loads Glassbox's analytics: Google Analytics to count visits (it asks first in the EU, UK and Switzerland, and stays off when your browser sends Global Privacy Control or Do Not Track) and ClickTrust to detect bots.

It remembers a few things in your own browser only, and never sends them anywhere:

Browser storage key	What it holds
bookbindingclear.v1	Which chapters you have opened, your best quiz scores, and sound on or off.

Exactly what each one sees is at glassbox.how/privacy.

Licences

• Code: MIT. Use it, change it, ship it.
• Explanations, text, images and videos (glassbox.json, glassbox/): CC BY 4.0. Credit “Glassbox, glassbox.how/e/bookbindingclear”.
• Third-party parts keep their own licences: three.js (MIT), Geist, Instrument Serif (SIL OFL 1.1).
• The Glassbox name and logo aren't covered by either licence. See the terms.

Found a mistake? Open an issue. Corrections happen in public.

Run it

It's plain HTML, CSS and JavaScript. No build step and no dependencies. Run locally, it contacts no other website.

python3 -m http.server 8000

Three.js and the fonts ship in vendor/ and fonts/, so it also works offline.

Then open http://localhost:8000.

How it's built

File	What
index.html, css/app.css	The page and its styles
js/app.js, js/stage.js, js/ui.js, js/kit.js	The shared Glassbox 3D engine: chapters, 3D stage, controls, quiz, video director
js/book.js	Book models (sheet folding and imposition, binding strength and opening, rounding from swell, acid-paper ageing), drawing helpers and parts
js/chapters/*.js	One file per chapter: the 3D model, controls, text, key terms, quiz and video scenes
glassbox.json	Title, question, explainer beats, key terms, browser storage and credits shown on glassbox.how
reel in each chapter	The storyboard the Glassbox studio records into short videos
glassbox/	The published video, slides, thumbnail and post copy
fonts/, vendor/three/	Self-hosted Geist and Instrument Serif (SIL OFL 1.1) and three.js (MIT)