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

Foundations

Surface, ink, steel — the only non-sticky colors on the board.
#f2f2f3 canvas ground
#e9e9ea chrome / trays
#d4d4d7 hairlines, lanes
#5980a6 steel: selection, arrows
#1d2d3d steel 900: labels on fill
#1d1f20 ink: all sticky text
Type
Cond 600 / 30
Section & panel titles
Cond 700 / 14
Lane & phase headers
Barlow 500 / 15
Sticky body — 15/1.25, max 3 lines, then truncate
Barlow 400 / 14
Panel body, comments, help
Plex Mono / 11
Metadata, ids, timestamps, coordinates
Geometry
Sticky
168 × 104
Sticky (small: actor, hotspot)
120 × 76
Lane height
208
Snap grid
8
Corner radius
0
Border / connector weight
1 / 1.5
Elevation while dragging
shadow-md

Stickies are flat rectangles: no rotation, no paper texture, no shadow at rest. Elevation is reserved for things actually lifted — a dragged sticky, a panel, a menu.

Gallery-only by definition (INVENTORY §6): every specimen above documents a token in src/app.css. There is no product component on this page, and the hexes printed under the blocks are the one place in the system a hex belongs.