WORK Prism

Design System

WORK Prism Visual + Data Language

Institutional visual grammar for high-stakes strategy work: restrained surfaces, structured motion, and a chart set optimized for stage integrity, alignment, and sequencing diagnostics.

Token Core

Background #f4f2eb
Text #16181b
Muted #5a5e65
Panel rgba(255,255,255,0.8)
Panel Strong rgba(255,255,255,0.95)

Motion System

Reveal Stagger
Title Split
Mask + Flare
Shared Morph
Reveal Duration0.0s
Mask Duration0.00s
Morph Duration0.00s

Chart Selection

Matrix Heatmap

Best for stage-by-lens visibility and friction scanning across multiple dimensions.

Bullet Bars

Best for target vs actual progress in executive summaries.

Slope Comparison

Best for before/after shifts in alignment or sequencing risk.

Sparkline Trend

Best for compact trajectory signal in constrained card layouts.

Bullet Bars (KPI vs Target)

Integrity 84 / 92 Alignment 72 / 80 Sequence 89 / 87

Slope + Sparkline Combo

Baseline Current Projected