THE BOOK · MODE TWO
INSTRUMENTS
Interactive forms — the reader operates them. Every one carries an always-present text fallback, so the point survives with the interaction removed.
Anatomy
instrument
@chrishayuk/hause/components/forms/Anatomy
An annotated cutaway, fully disclosed — nothing behind a click. Here: the anatomy of a HAUSE chapter.
A CHAPTER — THE ANATOMY
Five parts. One rule each.
Small caps, accent or mist. Names the section the way a museum names a room — before the visitor reads a word of it.
Fraunces at weight 480, leading under one. The claim, carrying the room. Numbers never appear here.
Inter, one idea per sentence. The explanation walks beside the reader.
The mechanism, shown. Etched hatch on the page ground, the single accent doing the pointing.
The plain sentence that survives everything — reduced motion, no JavaScript, a crawler, a hurry.
Structure is fixed. Atmosphere is variable.
Five parts. One rule each. — kicker · headline · body · figure · fallback.
Decomposition
instrument
@chrishayuk/hause/components/forms/Decomposition
One object, its parts, the thing that assembles them — stepped by hand. Its cinematic sibling, Unfolding, takes identical props.
AN ARGUMENT — DECOMPOSED
one argument
A thing worth saying, before it is organised.
01 / 03 — one argument
one argument decomposes into OBSERVE, CLAIM, TEST, CONCEDE — which the record assembles into an argument a reader can audit.
ExpertField
instrument
@chrishayuk/hause/components/forms/ExpertField
A field of units, mostly dormant; each scenario lights the subset that answers it.
Most of a system sits idle on any one question.
4 / 36 UNITS ACTIVE — A QUESTION OF TYPE
Selection is the interesting part — which few answer, and why. The field makes the routing visible.
Across 3 scenarios shown here, only 4 of 36 units activate on average — which ones depends on the input.
Comparison
instrument
@chrishayuk/hause/components/forms/Comparison
One object, two interpretations, dragged between. Its cinematic sibling, Transformation, performs the same argument.
ONE DESIGN SYSTEM — TWO INTERPRETATIONS
the same four commitments, either way
- Described in prose
- Drifts from the code
- Read once, then trusted
the same four commitments, either way — as a style guide: described in prose, drifts from the code, read once, then trusted. As a specimen book: rendered by the real forms, cannot drift — it is the code, visited, and operated.
Variants
instrument
@chrishayuk/hause/components/forms/Variants
One identity, physically present variants, a staged swap — and a designed refusal for the absent one.
ONE PHOTOGRAPH — THREE PRINTS
The photograph never changes. The print is chosen.
contact-print · baseline
fidelity faithful
contact-print · baseline
fidelity faithful
half-tone
fidelity coarse
platinum
fidelity —
the print does not exist
The refusal gets more design attention than the success path. That is the point.
The photograph never changes. The print is chosen. — 2 physically present variants (contact-print, half-tone); baseline contact-print. Selecting an absent variant fails closed. A catalogue never lies about its holdings.
Ladder
instrument
@chrishayuk/hause/components/forms/Ladder
A gated progression — rungs climbed in order, each closed only by its own criterion.
A FORM'S WAY INTO THE LIBRARY
No rung is skipped. A form that arrives without a chapter behind it is a Card wearing a costume.
needed (passed) → built (passed) → generic (passed) → fallback (building) → promoted (open)
Agreement
instrument
@chrishayuk/hause/components/forms/Agreement
N independently-derived values that must be identical — with a FAIL row, because an invariant you never see fail is decoration.
THE SPECIMEN INVARIANT
Library ≡ Book ≡ Site
Library
the form's code
Book
this page
Site
a consumer
Variants v1
Variants v1
Variants v1
PASS
One import path, three renderers — nothing to reconcile.
Variants v1
screenshot of v0
Variants v1
FAIL
The classic drift: a book showing pictures of forms instead of forms. This site refuses it by construction.
Library ≡ Book ≡ Site — 1 of 2 rows agree; any disagreement is a distinct, named failure, never a warning.
Derivation
instrument
@chrishayuk/hause/components/forms/Derivation
A value folded down a graded scale by caps — derived, never asserted.
HOW POLISHED A PAGE MAY CLAIM TO BE
finished
Every form real, every fallback present, both themes designed.
composed
The forms are real but a caption or two still drifts.
drafted
Structure in place, copy provisional.
sketched
Boxes and intentions.
CAP 1
One caption still placeholder text.
finished ↓ composed
CAP 2
The dark theme unreviewed.
composed ↓ drafted
DERIVED
drafted
A page cannot claim above its derived level. It may voluntarily claim below it.
finished → capped by one caption still placeholder text. → composed → capped by the dark theme unreviewed. → drafted — derived, never asserted.
ByteMap
instrument
@chrishayuk/hause/components/forms/ByteMap
A physical layout drawn to scale — each field's width is its width in bytes. The one place a page should feel like an engineering drawing.
A TIMESTAMP RECORD — WORKED EXAMPLE
Twelve bytes, drawn to scale
12 bytes · little-endian · a demonstration record, not a standard
FollowReveal
instrument
@chrishayuk/hause/components/forms/FollowReveal
A path through connected ideas, replayed at the hause stagger.
The three modes are one path through the whole library.
Two instruments have cinematic siblings that take identical props — see them perform.