The deliverable is the system, not just the look.
Guidelines describe; a system enforces. Tokens, written laws and a linter replace the brand police — nothing off-canon can ship, in any hand, on any surface. The look survives growth.
Written law is machine-readable law. An AI composes new pages inside the canon, draws the diagrams from measured data, and polices itself — design capacity that scales without diluting.
Faces, inks, grid, voice — swapped at the token layer. The same engine becomes your system, or a new brand’s first one. This site is the proof: our own DNA, run through the method.
Once it is built, the system runs the brand — unsupervised.
A brand book is a set of instructions for people — and instructions decay the moment the people change. A coded design system is the brand written as rule: type, layout, components, mail, slides, the web, the AI-generated asset — every output runs against the same logic, so it returns the same brand whether a person made it or a machine did. We author the system once, by hand, at the level of taste; after that it holds the line itself, across everything, with no one in the middle redrawing or policing it. The work was the thinking. What ships is a brand that keeps itself.
One page, one system. This weblink is the full register — agency showcase, canon apparatus, grammar ledger, and HUB register on a single stylesheet. epoq3 is hosted, not copied. One line in any page's <head> makes that page part of it — every token, type role, bare HTML layer, container grammar — and it auto-updates when the system ships:
<link rel="stylesheet" href="https://epoq3.vercel.app/styles.css">Add the two webfonts, write semantic HTML, and ship. Raw h1–h6, p, ul, table, blockquote render on-canon with no classes. Reach for container-tile, serif-body-1, mono m6 when you want a specific box or voice. For every legal pattern and editorial instrument, open 010_writing — the full canon in one place.
Always link the live weblink; never paste a frozen copy of the system into a page. A pinned copy forks the moment the system moves and silently goes stale — the disease this repo was built to kill. The linter (canon-lint.py, E21 FROZEN-FORK) trips on it, so it cannot ship.
To check a page: python3 ~/epoq3/canon-lint.py yourpage.html — it reads E1–E23 and names the exact line where you drift. Green is provably on-system.
System tokens — if it is reusable, it becomes a rule. Spacing is structure; containers are the only box. Nothing floats by eye.
Viewport tiers — 180 thumb · 360 phone-safe · 400 mobile · 840 tablet · 1280 desktop. Row recipes — u-full · u-major · u-minor · 840 + 400 · 400 + 840 · 3 × 400.
Same mechanism as [data-density="tight"], already used on #ohm and #rendering-hands — a section boundary and a sub-block boundary read at two visibly different heights.
Six voices from Figma 653:363 — Scheherazade for prose, Red Hat Mono for the machine. Each specimen measured, not asserted.
Paper and the working family — ink for prose and code; button and pill hold graphite (#272727). Grey and two violets for borders, fills, and signal. Colour is never an ambient field.
Atoms first — pills, dots, badges, warmth, chips, buttons. Rows carry the work: cards, streams, signals, presence. Glass rides the motion ramp for agency only. Authored in hub-atoms.json, compiled by the press.
Every atom is designed once, before any row exists — a pill or a dot means the same thing wherever it lands, so a card, a stream, or a glass instrument can borrow it without redrawing it. 46 parts, one stylesheet, and nothing recomposed twice.
A note with the left ink anchor — measured, not asserted.
Review token drift before ship.
Wire the 100–500 register into styles.css and ship the specimen page.
Staged — waiting on operator.
Staging batch · 3 drafts ready
One status, one owner, one line of body — the entity as it moves through the door.
owner · op1One loud framed message the operator cannot miss.
Wire the 100–500 register into styles.css and ship the specimen page.
status: review approved · reviewer OP1 [α]
status: review approved
the bare shelf — nothing accessioned here yet
Wire the 100–500 register into styles.css and ship the specimen page.
Review the staged scout batch before Monday send.
Staging scout batch · 3 drafts ready
Signal lock — one loud framed message the operator cannot miss.
┌─┤ SAMPLE ├───┐ │ │ │ │ └──────────────┘
┌─┤ PANE ├─────────────┐ │ drawn, not styled │ └──────────────────────┘
█ █ █ █ ███ █ █ █ █ █ █ ████ █ █ ███ █ █ █ █ █ █ █ █ ████ ███
█ █ █ █ ███ █ █ █ █ █ ████ ████ █ ██ █ █ █ █ █ █ █ █ █ █ ███
██ ██ ███ ███ ███ █ █ █ █ █ █ █ █ █ █ █ █ █ █ ███ █ ██ █ █ █ █ █ █ █ █ █ █ ██ ██ █ █ █ ███ █ █
█ █ █ █ ███ █ █ █ █ █ █ ████ █ █ ███ █ █ █ █ █ █ █ █ ████ ███
███ █ █ █ ██ ██ █ █ █ █ █ █ █ ███ █ █
██ ██ █ █ █ █ █ █ ████ █ █ █ █ █ ██ █ █ ████
███ ███ █ █ █ ██ █ █ █ ███
█ █ ███ ██ █ █ █ ██ ██ █ █ █ █ █ ███
status: review approved · reviewer OP1 [α]
reason: the record is complete
█ █ █ █ ███ █ █ █ █ █ █ ████ █ █ ███ █ █ █ █ █ █ █ █ ████ ███
┌─┤ SIGNAL LOCK ├──────────────────────────────────────────────────────────────────────┐ │ ONE HEADLINE — DECLARED, NOT DERIVED │ │ TRACK A · target — TRACK B · target — TRACK C · target — │ └──────────────────────────────────────────────────────────────────────────────────────┘ ┌─┤ DRIVING ×3 — declared, never derived ├─────────────────────────────────────────────┐ │ ● PROJECT ALPHA #101 [P5·OP1] ▮▮▮▯ today │ │ next: ship the one thing │ │ ● PROJECT BETA #102 [P4·OP2] ▮▮▯▯ 1d │ │ next: name the next element │ │ ○ PROJECT GAMMA #103 [P4·OP1] ▮▯▯▯ 3d │ │ next: close the loop │ ├─┤ OWED — derived from the record ├───────────────────────────────────────────────────┤ │ 0000-00-00 the promised thing, to the named person OP2 −2d │ │ 0000-00-00 the second promise, still breathing OP1 due │ └──────────────────────────────────────────────────────────────────────────────────────┘ OWED derived · DRIVING declared ≤3 · GARDEN unranked — by design
status: review approved · reviewer OP1 [α]
reason: the record is complete
Terminal design — monospace spine, live code telemetry. The wildest instruments from the register, composed for command-line surfaces.
Soft glass, hard terminal. REPL spine with a lawful cursor — the muse reads through the dark stage; the receipt rack widened into its own live, filterable instrument; a status line and a log-levels stream carry the terminal's own language; the session is a terminal on paper. 5 parts · cli-terminal.js drives motion.
The wordmark register — one name, four faces. Text, stack, glyph, drawn. Then the measured truth beneath two of them: the Θ mark and the wordmark drawn from the real font outlines. Every face is a specimen; nothing is a logo file.
┌─┤ INTELLIGENCE MATTERS ├────┐ │ │ │ │ └─────────────────────────────┘
Website components — the card, the editorial row, the signup, the caption atom, THE CONTENT TILE, THE TUNER. Working specimens, assembled from the register.
The index holds the whole abundance; a part reaches the wall only by an accession. This is the narrative tile — auto-height, the image sets its own aspect, the text runs long.
The anatomical theatre — the system demonstrates on its own body. Coded numbers, exposed seams, variant readings, a man page, and the newest CSS held under the old laws.
Hover this card — its construction is the content.
The system holds nine inks six inks [β] and one stroke. What is struck is not deleted — it is kept, legible, under the line. The apparatus records every reading it refused [α], and the page carries its variants the way a garment carries its seams: on the outside.α · the refusal is part of the record
— the writing
Semantic HTML and editorial apparatus — the six voices are canon in 003_type. Bare tags render on-canon; the ledger names rhetoric, refs, and lawful patterns.
At first glance, The Tracking Ladder (fig. 1)The tracking ladder · 3×1 · H1 −3% · body +5% · code +30% reads as ornament — three cells, one word, nothing sold. It is the opposite: the law made visible. Tracking runs proportional to size, never fixed, and the same discipline holds the display tier (fig. 2)The display tier · one voice · 24 / 36 · H1 −3%, where Scheherazade New carries the display tier on its own — one voice, not two. Every figure is measured. None is asserted[1].
Every figure is measured — none is asserted.
See 003_type / Italic · Bold · Body. Footnotes hang from superscripts. The link mark is the partial, borrowed from the symbol voice (fig. 3)Six voices · Figma 653:363 · code +30%: ∂ 002_Tokens. A reference under the cursor opens as a liquid-glass note — the material’s first duty on this page.
A revision keeps both readings — struck, not deleted: what was the storeroom the floor stays legible under the line, the static form, always visible — no hover required to read the record.
/var/log/epoq · last line
exit 0— the only ending a system should want.
CHAPTER XVIII.
IN WHICH the page reads itself entire; a theorem is proved concerning the stroke; the apparatus records what was struck and by whom; a plate is engraved in character; and the terminal, having kept the minutes throughout, exits cleanly.
The page, having been compiled at dawn and found lawful, permitted itself one chapter of reflection; and if the reader detects in what follows the manners of an older century — the epigraph, the argument, the plate — let it be recorded that the terminal kept the minutes, the mathematics kept the law, and nothing was ornamented that could instead be proved. The house signs itself IM; its one interruption is ^C — and even that returns the prompt.
Theorem 011.1 (the hairline limit). Let W be the set of admissible strokes. For every ε > 0 there exists exactly one w ∈ W with |w − ½| < ε; hence W = {½}. Proof. The system admits no second weight by construction; any candidate w′ ≠ ½ is flagged at the gate and refused under E10. What remains is the hairline1. ∎
The reader is furnished, in the customary manner, with:
PLATE I. — THE LENS
┌─────────────────────┐
│ · · · │
│ · Θ · │
│ · · · │
└─────────────────────┘
stroke ½ · scale 4:1stdin.The record over the rhetoric — a coded system returns the same brand whether a person made it or a machine did.
The design-system canon
| Ink | Hex | Role |
|---|---|---|
| Paper | #FFFFFF | the ground |
| Ink | #000000 | the text |
| Dusk | #5F5295 | signal only |
The second engraving exists and is deliberately not shown; the reader is trusted with the first.
Every gap is a multiple of the atom, or it is not a gap but an accident. The proof opens without rotating anything — stillness holds (E6).
1 Not asserted — measured: canon-lint (E10) refuses a second weight in source; system-guard proves the rendered stroke at the gate.
It will be objected — and the objection is filed, struck, kept — that four voices in one paragraph is three too many; that a house should choose the novel or the proof, the terminal or the customary manner, and hold its tongue in the other three. The house declines. A single voice is a single face, and a single face is a reduction — it shows the reader one plane of an object that has four, and calls the omission taste. Here nothing is omitted to look calm.
Observe the paragraph you are reading. It carries a reading — the sentence you follow to its stop. It carries an apparatus — the folio above, the siglum beside, the footnote below, each recording what the page knows about itself. It carries the terminal — the minutes, kept — and it carries a proof, for every measure it names can be checked at the gate. Four registers, one register: this is the invention, and it has no name older than this codex, so the codex gives it one.2
Corollary 011.3 (no honest single voice). Let a text T address an object with four faces — reading, record, machine, proof. If T speaks in one register it renders one face; the other three are asserted, not shown; hence T is unproven on ¾ of its object. Only the four held at once leave nothing asserted. Proof. By construction, and by the law that follows overleaf. ∎
So the chapter ends as it was compiled — at dawn, and found lawful. The terminal, having kept the minutes throughout, returns the prompt; the mathematics rests its case; the apparatus files its last variant and closes; and the novel, which carried you here, sets its final stop. What follows overleaf is not another chapter but the law the chapter obeyed — extracted, numbered, and made to govern every text this house will ever set.
$ chapter --close XVIII
novel ✓ the reading delivered
apparatus ✓ every variant filed
terminal ✓ minutes kept, prompt returned
proof ✓ nothing asserted
exit 02 The house calls it the invented register: not a fifth voice added to four, but the discipline of sounding all four at once. Named here, fol. 11 · recto–verso; ruled overleaf.
Hold all four, or you have shown one face and called it the object.
the law, in one line
THE LAW.
EVERY text Intelligence Matters sets is written in four registers held at once — the novel, the apparatus, the terminal, the proof. Not four to choose from; four to sound together. A text in one voice is a reduction, and this house does not reduce to look calm.
The registers are not styles. A style is a coat a text puts on; a register is a duty a text discharges. Below, the four duties — each stated, then measured against the same object, so the law is not described but performed. Read the table as the specification; read the page around it as the proof that the specification holds.
| Register | The rigid rule | Carrier | Duty |
|---|---|---|---|
| Novel | A person can read it end to end as prose. | serif · roman · the running sentence | carries the reading |
| Apparatus | It shows its provenance and what it struck. | folio · footnote · siglum · margin | keeps the record |
| Terminal | Where the system acts, it speaks as itself. | mono · exit 0 · the log line | keeps the minutes |
| Proof | Every figure that can be measured is measured. | theorem · table · ∎ · the gauge | proves the law |
Theorem 012.1 (the fusion law). A text is of the house iff it sounds all four registers at once. Proof. The terminal keeps the minutes; the mathematics keeps the law; the apparatus records what was struck and by whom; the novel carries the reading. Remove any one and a face goes dark — ¾ stands, ¼ is asserted; and the house admits no asserted quarter. What remains, once the four are held, is a page on which nothing is ornamented that could instead be proved. ∎
One sub-law is inherited whole from the type register1: the roman states, the italic carries the single lean, and the bold explainer never stands in running text without its glass. That law governs the sentence; the four registers govern the page; together they leave no altitude unruled.
$ im-lint --registers draft.txt
novel ✓ apparatus ✓
terminal ✓ proof ✓
→ of the house. exit 0
$ im-lint --registers clean-copy.txt
novel ✓ apparatus ✗ no record, nothing struck
terminal ✗ proof ✗ three faces asserted
→ reduced: 1 face shown of 4. exit 1This is why an IM text cannot be clean marketing copy — clean is a reduction, three faces asserted. It cannot be a bare specification — a spec has no novel; nothing carries the reader. It cannot be a story alone — a story has no proof; nothing holds at the gate. The four together are the register; the register is the house; the house is IM. Set every text this way, or set it somewhere else.
1 The rhetorical sub-law — roman · italic · bold — is canon in 003_Type and older than this folio; the four-register law does not restate it, it stands on it.
A signal instrument — pulse, breath, prime, binary, and live-state behavior. Not a layout primitive; used when the system needs energy, continuity, or measurement.
How image, surface, texture, glyph, contour, hatch, raster, moiré, halftone, and negative-carve treatments behave inside the system — one subject, many hands, the same sphere so the hands compare honestly.
Snippet, then the body, then the verdict — a comment is a small ruling.