Design notes · Generative Assets

How HOLLERITH was made.

A single-page reconstruction of the 1890 census tabulating office: an enumerator's slip fills itself, a die punches each answer into a manila card, a spring-pin press reads the holes through mercury cups, and escapement dials count only what was actually punched. The page's one job: make you feel a fact become a hole, and a hole become a count — including the mispunch no lever could take back.

I. Palette

Every colour is argued from the office: card stock, ledger ink, brass pins, oak casework, enamel dial faces. Brass is a line-and-mark colour only — it never sets body text. The dark "night" tones exist solely for the light-table, where the card goes dark and its holes become the only bright thing on the page.

#E4D5ACmanila — the card stock, the page ground

#26221Cledger-iron — body ink, 10.9:1 on manila

#574C39derived soft ink — labels, ~5.8:1 on manila

#A57F35brass — pins, rails, rings. LINE/MARK only

#6E4F30tabulator oak — frames, dial bezels

#F2EEE3dial enamel — faces, the slip's paper

#241B10light-table night — the backlit ground

#FFE9AEhole-light — absence, made visible

II. Type

Sorts Mill Goudy carries the prose — a revival in the American foundry tradition Goudy grew out of, right for a page set in 1890s Washington; its italic does the printed-card furniture and dial labels. Courier Prime is the clerk's hand: the HUD tally, schedule numbers, punched-column codes, and every figure on the tabulator wall. The split is strict — the machine never speaks serif, the prose never speaks mono.

III. Techniques

Animated SVG machine. The whole bench is one 1200×800 SVG, built and driven by hand-rolled DOM code — no libraries. A promise-based timeline (wait / tween on a rAF clock) runs the phases: form, punch, press, count, eject. The clock is speed-scaled and stops entirely on document.hidden.
Card geometry from the published spec. Drawn at 92 px/inch: 7.375 × 3.25 in card, 0.087 in column pitch, 0.25 in row pitch, 0.055 × 0.125 in rectangular holes, quarter-inch corner cut. The faint 80×12 punch grid is a single tiled <pattern>. The 1890 census card itself used round pantograph-punched holes — the page declares the reconstruction rather than implying period accuracy.
The press, in section. Ten spring pins (zigzag paths regenerated per frame so blocked springs visibly compress and admitted springs extend), a card-edge strip rebuilt per card with gaps at its holes, mercury cups that flash on contact, and brass circuit runs to the dial wall.
Escapement dials. Each tick is an easeOutBack snap of the hand plus a pallet flick — and each dial carries the period-correct second brass hand reading hundreds, 1/100 the speed of the outer.
The light table (signature). One CSS class on the SVG flips custom properties: ground to night, card to silhouette, holes to #FFE9AE with a Gaussian-blur glow, everything else dimmed to 13% under a raking-light vignette. Absence becomes the only information on the page.
Measured dials, asserted. Counts are never seeded or scripted: a dial equals cards actually punched in that category this session. The page runs a live invariant check — every field's dial-sum must equal the master count — and logs a console error on violation, which the zero-console-error QA gate would catch.
The honest failure. A mispunched card (armed by lever, or 1-in-10 in the resting stream) drifts the die one position over at punch time, the press reads it faithfully, the wrong dial advances, and the sight-check against the light routes the card to the spoiled bin — but the count keeps the error, exactly as in 1890.

IV. Iteration log

Pass 1 — Craft

Zone captions printed on the card collided with the die's carriage-way rails, and the parked die sat on the word HOUSEHOLD — captions moved beneath the code row. The inspection register-mark rect was parked at the SVG origin and glowed top-left in light-table mode — parked off-canvas instead. The random census produced a five-year-old cigar maker; under-21 working ages are now drawn 12–20. Circuit drops ran through the dial group labels (labels raised, drops shortened). Hero spacing tightened so the bench sits nearer the fold.

Pass 2 — Depth

Added the hundreds hand each real Hollerith dial carried — short, brass, advancing one division per lap of the outer hand. Made the mispunch legible live, not only at inspection: the die slides to the correct position, hesitates, then drifts one position over with an overshoot ease before stamping. Added the raking-light vignette to the light-table so the backlit card reads as held up to a window.

Pass 3 — Hardening

375 px: the bench scrolls inside its own container (with a hint), and the wordmark, nav and h1 are asserted inside the viewport box — not just scrollWidth. Reduced motion boots a settled frame: seven cards already counted, the seventh mid-read with pins down and cups lit, dials still measured (asserted, sum = 7). The clock pauses on document.hidden (asserted both directions). Removed the FIG. 3 label crowding the master counter — one ornament fewer. The final copy read caught the card typeset as 7⅝ in; the spec is 7⅜.

Measured, headless (49 asserts, all passing)

Card aspect 2.2692 = 7.375/3.25; adjacent category spacing 32.02 px = 4 × 0.087 in. Three driven known cards: Farm dial +3 exactly, age dials +2/+1/0, household +2/+1/0, every other dial unmoved; a rendered needle sits at count × 3.6°. Driven mispunch: wrong dial +1, intended dial +0, spoiled bin +1, card still counted — and the field invariant held through every drive. Light table: hole fill samples to #FFE9AE on a #241B10 ground with the glow filter applied. Zero console errors on every page, viewport and motion mode tested.

V. Hedges

The timing claim is stated as the record supports it: the 1890 count came back years faster than 1880's, by contemporary accounts — not a fabricated week-count. The card is drawn to the later standardised geometry and says so; the mercury-cup contact principle and the two-hand hundred-division dials follow the literature.