Anatomy — one band (To-Do, vertical stack)
To-Do 12
Email service reminder
Jun 12
JM
Review credit application
Jun 13
TB
Schedule test drive
Jun 14
JM
The band = a full-width rounded status-02 container (mirrors .sb-leadwrap) with the header inside at the top and cards beneath; the tint continues below the last card. Header (board chrome, always visible — no hover-hidden): leading glyph + title + count · spring · overflow (…) + collapse (angle). Color-on-lane law: urgency lives on the LANE, not the columns and not the cards — cards render WHITE inside (leads-board law) and the board suppresses their --over/--soon SURFACE tints (the lane already carries urgency). Card urgency is indicator-only everywhere: type glyph + due chip. The surface-tint rules were deleted; no context tints the card. The when text keeps its urgency color (it's information, not surface). Sort within a lane = overdue-first by default (no per-lane sort menu). Rulings final (Taylor): two bands only (Urgent + To-Do) · arrangement = vertical stack · Done/Archived = column treatments · card compact = two-row @56px.
Tint mapping — the two bands (headers only)
Urgent3
To-Do42
Ruling 60 (Taylor) = TWO bands only: Urgent (red-02/red-01 + pin; always renders, empty = the drag-to-pin state) and To-Do (gray-07/gray-01 neutral; everything else, overdue-first). The Overdue and Due-Today bands are dropped — the card's own urgency-colored due chip ("2d overdue" red-01 / "Due 3:00 pm" orange-01) carries overdue/due-today, so a dedicated band would be redundant. Done and Archived are COLUMN treatments, not bands — Done = a green-02 container, Archived = a neutral container (see the desktop board); they live beside the To-Do column, they are not urgency tiers inside it. The orange/yellow band tint pairs were removed from the CSS (ruling 60 — nothing instances them now); only Urgent-red + To-Do-neutral band tints remain, plus Done green-02 / Archived neutral as column treatments. Pin = manual urgency (the isUrgent boolean); the neutral To-Do band holds the derived rest.
Arrangement — vertical stack (canonical)
To-Do42
Follow up on financing
2d overdue
JM
Send lease quote
Due 3:00 pm
TB
Email service reminder
Jun 14
JM
Vertical stack. On the board a band arranges its cards as a normal vertical stack (.sb-lane--band); the To-Do column scrolls through Urgent → To-Do as one column. Superseded candidate: the horizontal scroll-row (fixed 300px cards + edge peek) — rejected on the board because a horizontal scroller nested inside a vertical column reads badly; .sb-lane--scroll / .sb-lane--wrap stay defined for non-board lane contexts only.
Collapsed — header-only bar (collapses in place)
Urgent2
Follow up on financing
2d overdue
JM
Call re: deposit refund
1d overdue
TB
Collapse is in place — a band keeps its slot and shrinks to a slim header-only bar (the collapse angle flips up→down); nothing teleports to a board edge. Spatial continuity mirrors the .sb-leadrail collapsed-column ruling; the count stays on the collapsed bar. Only the two bands (Urgent, To-Do) collapse; Done/Archived are column treatments (green-02 / neutral) that collapse at the column level on the board, not here.
Empty + win states
Urgent0
Drag a task here to pin it urgent
To-Do0
Nothing left — you’re all caught up
Empty state redesign: a proper centered drop-target stack — a rounded (r-7) 1px dashed zone inset 8px in the band body, min-height ~96px, icon (16px) ABOVE the text with an 8px gap, true-centered in the band body below the header. Contrast fix: icon AND text share ONE color per variant — base band both gray-03, Urgent both red-01 (dashed border red-01@40%, rounded r-7 preserved through the override). Urgent empty (day-one — most reps start unpinned): the dashed border + icon pick up red-01 at 40% strength so the zone reads as THE pin target — “Drag a task here to pin it urgent”. To-Do win at zero: same centered stack but no dashed border (it is not a drop target) — green-01 check + “Nothing left — you’re all caught up”, the daily zero-out reward. Atom cascades to both boards.