Shows Web Vitals, API, concurrency and test evidence.
System role
Hand-written storytelling components reuse the same tokens, primitives and accessibility policies.
Rendered component states
Use
metrics is selected by contract metadata, responsive context or explicit recipe configuration for PerformanceProofStrip.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
benchmarks is selected by contract metadata, responsive context or explicit recipe configuration for PerformanceProofStrip.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
compact is selected by contract metadata, responsive context or explicit recipe configuration for PerformanceProofStrip.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.