Divergent

LayerFlowVisualization

Explains request → dispatch → field work → audit.

System role

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

Variants
3
Theme
70 / 20 / 10

Rendered component states

Every documented variant

RESPONSIVE · REDUCED MOTION SAFE
01

animated

LayerFlowVisualization
animatedAPPLIED RECIPE
LAYERFLOWVISUALIZATIONOne operational truth.
Every role in flow.
standard densitybordered surfaceneutral tone

Use

animated is selected by contract metadata, responsive context or explicit recipe configuration for LayerFlowVisualization.

Motion

The animated state uses bounded transform or opacity feedback and freezes under reduced motion.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

02

static

LayerFlowVisualization
staticAPPLIED RECIPE
LAYERFLOWVISUALIZATIONOne operational truth.
Every role in flow.
standard densitybordered surfaceneutral tone

Use

static is selected by contract metadata, responsive context or explicit recipe configuration for LayerFlowVisualization.

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.

03

reduced-motion

LayerFlowVisualization
reduced-motionAPPLIED RECIPE
LAYERFLOWVISUALIZATIONOne operational truth.
Every role in flow.
standard densitybordered surfaceneutral tone

Use

reduced-motion is selected by contract metadata, responsive context or explicit recipe configuration for LayerFlowVisualization.

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← SystemicPrecisionHeroNextModuleFeatureGrid →