Design system.

3 signals · ink · ivory · red  ·  8 themes · paired light/dark  ·  Rule red means gap only

Exposure display  ·  Redaction italic / stated  ·  Sohne Mono meta  ·  three voices · one doctrine

Radius 0 or 2px only  ·  Rules not shadows  ·  Grid asymmetric 3fr/7fr always

Contrast matrix · focus rings · motion · WCAG 2.1  ·  accessibility as a property of the system, not a checklist on the way out

Marketing voice vs product voice  ·  button verbs · error microcopy · destructive + noun  ·  the floor for every string we ship

Primary arrow + wordmark  ·  Arrow 45° exact  ·  clearspace · size ramp · on-color variants

1.5px ink stroke · 24×24 grid · square caps · miter joins  ·  inherits color  ·  marks scratch in  ·  click-to-copy  ·  full spec for the icon system

Stated vs Revealed at the page level  ·  full-bleed compositions  ·  off-grid elements

data-scale="product" · calmer type · faster motion · same primitives  ·  for chat, settings, dashboards · two-color contract holds

3 treatments · primary · ghost · icon/tool  ·  arrow matches action  ·  no hover translate

Blur 0.7px at rest · sharp on hover  ·  dotted → solid  ·  the signature subconscious.ai interaction

19 items · 16 components · 2 hooks · 1 lib  ·  npx shadcn add off Vercel  ·  KokonutUI shapes bridged to the contract

16 components · React · npx shadcn add

Live · 14 rendered, 16 installable  ·  every component painted with the contract  ·  one click from the index

Inputs · selects · toggles · validation  ·  Redaction italic placeholders  ·  red = error only

93% · 15,000× · $38B  ·  every stat has source + method + status  ·  tabular-nums always

Fixed chrome · logo top-left · menu top-right  ·  backdrop-filter blur(6px)  ·  opacity 0.4 → 1.0 on hover

Stated vs Revealed columns  ·  click-to-expand deltas  ·  animated comparison bars  ·  ink hairlines only

01 :: code-comment kicker  ·  title + 1–2 sentence body  ·  dotted link to paper  ·  never bullet-point flavor

Banner · alert · badge · empty · loading  ·  five intrusiveness tiers  ·  pick the gentlest one that does the job

Sheet · Section · Stack · Cluster · Grid · Rule  ·  every page from the same six primitives  ·  no seventh allowed

Modal · drawer · toast · sheet  ·  every overlay is a tax on attention  ·  if the page can carry it, the page should

4 registry text-animations  ·  dynamic · scroll · shimmer · sliced  ·  mounted as live React islands, theme-tracked  ·  reserve for moments that earn motion

Durations 200/300/600ms  ·  ease-out only  ·  no bounces · no springs  ·  prefers-reduced-motion respected

Nine chart types · accuracy bars · ridgeline · dumbbell · stat cards · comparison bars · dot matrix  ·  stated vs revealed always  ·  ink + red only · no rainbow

DAG vocabulary · nodes · do() · back-door paths · counterfactual splits  ·  one red arrow per diagram

Consumer say-do gap  ·  struck claim · receipt behavior · red gap slider · intervention frame  ·  "not next word - next action"

Festinger 1957 → Subconscious 2024  ·  six milestones · original n vs synthetic n  ·  bioequivalence ≥ 93% · 0 / 52 competitors

Terminal voice paired with editorial doctrine  ·  live queue · stated/revealed Δ stream · bioequivalence alerts  ·  procurement reads this