Foundation
Families and colorways
A family owns interaction and presentation physics. A colorway supplies the resolved palette and font aliases. Both are generated from validated family definitions, and every item ships a proof sidecar.
The roster, rendered
One identical replica per colorway. Each cell declares its colorway and its family; the generated theme CSS paints everything inside it. Nothing on this page names a colour, and nothing on it is written per family — a family that enters the surfaced roster appears here with no code change.
Substrate
null origin — the baseline every other family answers to
- defaultr6 · 100ms · mono
- blueprintr4 · 80ms · h250
- editorialr4 · 140ms · h90
- substrater6 · 100ms · mono
- terminalr0 · 0ms · mono
- Coverage
- shipped · interactive
- Prefix
- none
Craft
machined — subtractive, light on cut edges
- Coverage
- shipped · interactive · at-rest
- Prefix
- none
Draft
notated — inscribed, depth carried by ink weight
- Coverage
- shipped · interactive
- Prefix
- df
- Typography
- Routed Gothic · JetBrains Mono
- Motifs
- grid-minor, grid-major, hatch-45, dash-line, zone-border
- Apparatus
- title-block, dimension-annotation, revision-marker, detail-bubble, balloon-callout, feature-control-chip
Journal
notated — inscribed, depth carried by ink weight
- Coverage
- shipped · interactive
- Prefix
- jn
- Typography
- STIX Two Text · JetBrains Mono
- Motifs
- plate-border, footnote-rule
- Apparatus
- section-number, abstract-block, figure-caption, footnote, running-head, citation-mark, reference-list
Caliber
machined — subtractive, light on cut edges
- Coverage
- shipped · interactive · at-rest
- Prefix
- none
- Motifs
- jewel-pivot
Instrument
machined — subtractive, light on cut edges
- Coverage
- shipped · interactive · at-rest
- Prefix
- none
- Motifs
- focus-ring, corner-bracket, rangefinder-tick
Intaglio
machined — subtractive, light on cut edges
- Coverage
- shipped · interactive · at-rest
- Prefix
- none
- Motifs
- plate-mark
Dependency order
Apparatus reaches base directly. A colorway reaches base through its owning family. Installing a theme therefore installs its family grammar, proof, shared tokens, and structural hooks transitively.
@substrateui/family-draft
Draft Family
Generated draft family apparatus, line-role, data-surface, chart, typography, and state grammar.
- Registry dependency
- @substrateui/base
- Installed proof target
- lib/substrate-family-proofs/family-draft.proof.json
npx shadcn@latest add @substrateui/family-draft --yes@substrateui/family-journal
Journal Family
Generated journal family apparatus, rule-tier, booktabs, chart, typography, and reference grammar.
- Registry dependency
- @substrateui/base
- Installed proof target
- lib/substrate-family-proofs/family-journal.proof.json
npx shadcn@latest add @substrateui/family-journal --yes@substrateui/theme-cyanotype
Cyanotype
Draft cyanotype colorway with paper-white linework on a Prussian-blue ground.
- Registry dependency
- @substrateui/family-draft
- Installed proof target
- lib/substrate-family-proofs/theme-cyanotype.proof.json
npx shadcn@latest add @substrateui/theme-cyanotype --yes@substrateui/theme-blueline
Blueline
Draft blueline colorway with diazo-blue linework on a near-white office-copy ground.
- Registry dependency
- @substrateui/family-draft
- Installed proof target
- lib/substrate-family-proofs/theme-blueline.proof.json
npx shadcn@latest add @substrateui/theme-blueline --yes@substrateui/theme-article
Article
Journal article colorway with STIX typography, scholarly rule tiers, plates, and reference navy.
- Registry dependency
- @substrateui/family-journal
- Installed proof target
- lib/substrate-family-proofs/theme-article.proof.json
npx shadcn@latest add @substrateui/theme-article --yes@substrateui/theme-preprint
Preprint
Journal preprint colorway with mono running heads, version chrome, bare figures, and full-width footnotes.
- Registry dependency
- @substrateui/family-journal
- Installed proof target
- lib/substrate-family-proofs/theme-preprint.proof.json
npx shadcn@latest add @substrateui/theme-preprint --yesProjects with a pre-F1 base
Refresh the shared font aliases and structural apparatus hooks once before installing an F1 item.
npx shadcn@latest add @substrateui/base --yes --overwrite