Divergent

ModuleFeatureGrid

Introduces requests, dispatch, field work and audit modules.

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

2-column

ModuleFeatureGrid
2-columnAPPLIED RECIPE
MODULEFEATUREGRIDOne operational truth.
Every role in flow.
standard densitybordered surfaceneutral tone

Use

2-column is selected by contract metadata, responsive context or explicit recipe configuration for ModuleFeatureGrid.

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

4-column

ModuleFeatureGrid
4-columnAPPLIED RECIPE
MODULEFEATUREGRIDOne operational truth.
Every role in flow.
standard densitybordered surfaceneutral tone

Use

4-column is selected by contract metadata, responsive context or explicit recipe configuration for ModuleFeatureGrid.

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

stacked

ModuleFeatureGrid
stackedAPPLIED RECIPE
MODULEFEATUREGRIDOne operational truth.
Every role in flow.
standard densitybordered surfaceneutral tone

Use

stacked is selected by contract metadata, responsive context or explicit recipe configuration for ModuleFeatureGrid.

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