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

Anatomy & states

One component, one geometry, twelve fills.
Window scheduled 2
EVENT · E-014 MK
  1. 1 body — 3 lines max, then ellipsis
  2. 2 comment count (only when > 0)
  3. 3 type kicker + stable id
  4. 4 author initials, 22px disc
  5. 5 connection handles, mid-height, on hover

One component, one geometry, twelve fills. Every numeral above points at a part of the shipped `canvas/Sticky`, not at a drawing of one.

blow-up drawn at the declared 168 × 104 geometry; the source figure enlarges it to 252 × 156
States
  • Window scheduled
    EVENT · E-014 MK
    default
  • Window scheduled
    EVENT · E-014 MK
    hover — handles appear
  • Window scheduled
    EVENT · E-014 MK
    selected — 2px steel
  • Window scheduled
    EVENT · E-014 MK
    3
    multi-select — count badge
  • Window scheduled
    EVENT · E-014 MK
    dragging — lifted 3px
  • drop target / ghost slot
  • inline edit — inset field
  • Window scheduled
    EVENT · E-014 MK
    out of filter / dimmed
  • Window scheduled
    EVENT · E-014 MK
    DANA Ø editing
    held by another person
  • Window scheduled
    EVENT · E-014 MK
    assumed — dashed 72%