Design tokens

LAW — locked, CI-gated

Design tokens

Seed: #AC8A3C. Every swatch prints the token and its computed contrast ratio against the scheme surface. Distira law: WCAG 2.2 AA (4.5:1 text) with named exceptions only.

oled scheme

surface
#000000
vs surface: 1.00 — FAIL

on-surface
#EDEDED
vs surface: 17.94 — AA pass

on-surface-variant
#A3A3A3
vs surface: 8.33 — AA pass

primary
#AC8A3C
vs surface: 6.45 — AA pass

accent-bright
#C9A959
vs surface: 9.30 — AA pass

brass
#AC8A3C
vs surface: 6.45 — AA pass

ember
#BC5A5D
vs surface: 4.76 — AA pass

clay
#C47A45
vs surface: 6.22 — AA pass

sage
#64916F
vs surface: 5.82 — AA pass

lagoon
#4E968C
vs surface: 6.07 — AA pass

slate-blue
#5E8CC0
vs surface: 5.99 — AA pass

violet
#8A6FB5
vs surface: 5.02 — AA pass

mauve
#B26A92
vs surface: 5.37 — AA pass

stone
#83858C
vs surface: 5.70 — AA pass

danger
#C25E5A
vs surface: 5.04 — AA pass

ghost
#4A4A4A
vs surface: 2.37 — FAIL

Type scale

Step	Value
editor-title	`20px`
scene-name	`15px`
popover-body	`13px`
editor-body	`13px`
canvas-object-name	`12px`
canvas-object-sub	`11px`
footer-hints	`11px`
keycap	`10px`

Stack: system-ui, -apple-system, 'Segoe UI', sans-serif

Motion

Duration	Value
flyout	`180ms`
glide	`200ms`
press	`100ms`
exit	`120ms`

Easing standard: cubic-bezier(0.23, 1, 0.32, 1); emphasized: cubic-bezier(0.23, 1, 0.32, 1)