Divergent

ArchitectureTraceabilityPanel

Links contract, API/event, UI, audit and test evidence.

System role

Hand-written storytelling components reuse the same tokens, primitives and accessibility policies.

Variants
2
Theme
70 / 20 / 10

Rendered component states

Every documented variant

RESPONSIVE · REDUCED MOTION SAFE
01

collapsed

ArchitectureTraceabilityPanel
collapsedAPPLIED RECIPE
ARCHITECTURETRACEABILITYPANELOne operational truth.
Every role in flow.
compact densitybordered surfaceneutral tone

Use

collapsed is selected by contract metadata, responsive context or explicit recipe configuration for ArchitectureTraceabilityPanel.

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.

02

expanded

ArchitectureTraceabilityPanel
expandedAPPLIED RECIPE
ARCHITECTURETRACEABILITYPANELOne operational truth.
Every role in flow.
spacious densitybordered surfaceneutral tone

Use

expanded is selected by contract metadata, responsive context or explicit recipe configuration for ArchitectureTraceabilityPanel.

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.

Previous← PerformanceProofStripNextMarketingCTA →