Design system / rev A

Event Storming Board

A modelling surface for change-management requests. The chrome is monochrome steel on paper; all color in the product belongs to the sticky grammar, so the timeline reads as a legend at a glance. Conventions follow eventstorming.com, adapted where the digital medium can do better than a paper wall.

base
Industry
ground
#f2f2f3
steel
#5980a6
grid
8px / lane 208

Connectors

Three types, one steel color, distinguished by line style. Never by hue.
  • triggers — solid, filled arrowhead
  • reads — dashed 7 5, open arrowhead on the reader
  • publishes to — dotted, open arrowhead
  • rest — 1.5px steel
  • hover — 2px steel-700
  • selected — 2.5px + endpoint squares
  • dimmed — 25% while a sticky drags
  • IF RISK IS HIGH
    label chip, centred on the run
  • ×2
    merged — mono multiplier
Routing & states
Window scheduled
EVENT · E-014 MK
Whenever a window is set, freeze conflicting changes
POLICY · P-003 MK
Implement change
COMMAND · C-017 MK
Freeze calendar
READ MODEL · R-04 MK
orthogonal routing · 8px grid · single 0px-radius elbowrest 1.5px steel | hover 2px steel-700 | selected 2.5px steel-900 + endpoint squareslabel chip: paper fill, hairline border, mono 10px, centred on the run
CN-18 runs C-017 → R-04 in the model — reader to read model — and the head lands on C-017, because §04 points a reads arrow at the reader
Rules
  • Sequence is implicit. Left-to-right order on the timeline already means "then". Never draw an arrow between two adjacent events.
  • Arrows are for the jumps. Explicit connectors exist to cross lanes, to loop back, and to leave the boundary — the relationships a wall of paper can't show.
  • Cross-lane arrows survive collapse. When a lane is collapsed its arrows dock to the lane header as a stub with a count, so nothing silently disappears.
  • One arrow per pair per type. Duplicates merge; a merged connector shows a mono multiplier.
  • Behind, never over. Connectors paint under stickies and above the ground; they dim to 25% while a sticky is dragged.