09 / Reference

Tokens.

Stable primitives travel across the site, packet, and film. Product adaptations stay explicitly named.

Namespace: --ontology-*
Format: CSS + JSON
Themes: Dark / light
Runtime: Local assets only

09.1 / Color

Core and application tokens remain separate.

Canonical values may be used across the system. Briefing and video values describe specific reading and rendering environments.

Token	Value	Scope	Purpose
`--ontology-black`	#050505	Core	Primary dark field and primary ink.
`--ontology-white`	#FFFFFF	Core	Primary light field and negative type.
`--ontology-ghost`	#F9F9F9	Core	Quiet secondary surface.
`--ontology-signal`	#00C38B	Core	Active, current, verified, terminal, live.
`--ontology-signal-text`	#006B4F on light	Semantic	Accessible text alias; signals and rules keep core green.
`--ontology-paper`	#F7F7F4	Briefing	Extended editorial reading surface.
`--ontology-paper-ink-2`	#4B4B49	Briefing	Secondary reading text.
`--ontology-paper-faint`	#7D7D79	Briefing	Metadata and marginal labels.
`--ontology-paper-faint-readable`	#656563	Briefing	Accessible metadata alias on paper; use in live text.
`--ontology-paper-rule`	#DCDCD6	Briefing	Editorial hairlines.
`--ontology-carbon-ink`	#F5F5F0	Dark field	Warm negative type.
`--ontology-carbon-2`	#A8AAA6	Dark field	Secondary negative type.
`--ontology-carbon-rule`	#292B29	Dark field	Dark editorial rule.

09.2 / Type

Roles are tokens, not one-off declarations.

Scale changes by viewport. Weight, line-height, tracking, and casing remain part of the role contract.

Role	Family / weight	Size	Line / tracking
`monument`	Inter 900	3rem / 6rem / 10rem+	.82 / −.06em / uppercase
`display`	Inter 500	4.5rem → 8rem	.85 / −.05em
`headline`	Inter 400	2.25rem → 3.75rem	1.1 / −.025em
`body`	Inter 400	1.125rem → 1.25rem	1.625 / normal
`lede`	Inter 300	1.35rem minimum	Editorial introductions only
`label`	IBM Plex Mono 500	.625rem	1.4 / .3em / uppercase
`briefing-display`	Inter 500	52.65px → 89.6px	.96 / −.055em
`film-claim`	Inter 500	60px minimum at 1080p	~1.05 / restrained negative

09.3 / Dimensions

One public system, two application frames.

The microsite uses the canonical 1440px shell. Recipient briefings use a narrower 1120px frame and 900px reading measure.

Token	Value	Purpose
`--ontology-root`	14px	Canonical root scale.
`--ontology-frame`	1440px	Microsite maximum canvas.
`--ontology-header`	80px	Desktop system header.
`--ontology-pad`	24 / 48 / 80px	Mobile / tablet / desktop page gutter.
`briefing-frame`	1120px	Recipient packet outer frame.
`briefing-reading`	900px	Recipient packet reading measure.
`film-canvas`	1920 × 1080	Narrated briefing master.
`film-safe-area`	104 / 72 / 66px	Horizontal / top / bottom content inset.
`inset-min`	24px	Minimum ledger and node internal gutter at 1080p.
`inset-default`	28px	Default framed editorial gutter at 1080p.

09.4 / Motion

Durations are few and explicit.

Token	Value	Use
`--ontology-fast`	300ms	Hover and small state change.
`--ontology-theme`	500ms	Color-mode transition.
`--ontology-entry-fast`	700ms	Web content entrance.
`--ontology-entry`	1000ms	Large opening composition.
`film-entry`	667ms / 20f	Opacity + 18px rise.
`film-turn`	267ms / 8f	Chapter cross-dissolve.
`--ontology-ease`	.4, 0, .2, 1	Standard non-linear transition.

09.5 / Consumption

Consume semantic tokens. Preserve product-specific values.

Do not redefine the core palette to match a single artifact. Build application tokens on top of it and name the adaptation.

:root {
  --ontology-black: #050505;
  --ontology-white: #ffffff;
  --ontology-signal: #00c38b;
  --ontology-paper: #f7f7f4;

  --ontology-canvas: var(--ontology-black);
  --ontology-ink: var(--ontology-white);
}

html[data-theme="light"] {
  --ontology-canvas: var(--ontology-white);
  --ontology-ink: var(--ontology-black);
}

Machine contract

design-system.json

Canonical status, source lineage, foundations, application layers, and verification requirements.

Agent reference

design.md · llms.txt

Human-readable implementation rules and concise discovery entrypoint.