NEXZ Dev Tokens
Stage C QA surface — internal only, not indexed, not linked.
Color
Ink #101010 14.9:1 on canvas
Ink soft #3D3D3D 7.5:1 on canvas
Canvas #F4F1EB ground
Canvas flat #FFFFFF cards/inputs
Concrete #D8D4CC hairlines
Signal (functional only) #B4472A 4.8:1 on canvas
Success #2F6B4F confirmations
Ratios above are the doc-14 published values; re-measured against the shipped hex codes in Gate C evidence.
Type scale
H1 Display — NEXZ
H2 Section — Structure
H3 Card — Fit Notes
Body — Cut for movement, restrained by design. Archivo never sets body copy; Inter never sets headlines.
Small / data — 11–12px tabular
Price — 1,200 (token size only, not a live claim)
Spacing scale
Grid — resize the window to see it change live
4 columns ≤749px · 8 columns 750–989px · 12 columns ≥990px.
Buttons — hover/focus live on the default instance
Links
Default — tab to me for focus Disabled
Inputs — focus live on the default instance
Size chip
Badge
Accordion — one open, one closed
Fit & sizing
Panel content — open state.
Fabric & care
Panel content — closed state, click to expand.
Drawer & dialog — live, keyboard-operable
Cart (0)
Drawer content — focus is trapped inside while open; Esc or the close button returns focus to the trigger.
A focusable link inside the drawer, for Tab-order testing.Toast — visual primitive only, no auto-dismiss in Stage C
Rendered statically in both variants below. Auto-dismiss, pause-on-hover/focus, and a JS lifecycle are deferred until a real trigger (cart add, error recovery) needs them — see doc 14's 5s spec, intentionally not implemented here.
Icons — 8, sprite, no icon font
bag
search
menu
close
plus
minus
arrow
Motion
No standalone motion demo — every transition above (button hover/active, accordion open, drawer slide, dialog open) is the live component. Toggle the OS-level "Reduce motion" setting and re-test each one; transitions above collapse to near-instant per the reduced-motion rule in nexz-base.css.