Patterns

Composite patterns assembled from primitives. The interview chat composition lives on the production surface (`/my/career/interview/:id`); DSChat / DSChatBubble / DSChatTranscript / DSChatComposer are documented next to the chat primitives. The two patterns here — application tracker kanban card (with built-in reveal-forward bloom on hover) and work experience form (table-of-contents row with dotted leader, plus highlight reorder rows with 44px tap targets) — are the survivors that don't have a single host page yet.

Application tracker card

Kanban-style card with a logo block, title, location, a definition list of stage details, a 'view details' link, and an actions row. Hovering the card blooms the forward action into the accent gradient — the reveal pattern works without consumers adding .ds-reveal-parent.

Staff Engineer

Stripe · San Francisco
Round
1 of 3
Next
Tomorrow · 2pm
View details

Principal Engineer

Figma · Remote
Round
3 of 3
Next
Awaiting reply
View details

Work experience form

Table-of-contents rows pair a title with a date, a dotted leader, and a count. Highlight rows keep the drag grip on the left and reveal a horizontal toolbar (move up / move down / delete) on focus. The toolbar lingers for 5 seconds after focus leaves so a click on Delete can reach the confirm dialog without the chrome vanishing mid-click.

Work experience

3 entries · 7 highlights total

1Stripe2020–20233 highlights
2Square2017–20202 highlights
3Apple2015–20170 highlights

Stripe — Highlights

Remove highlight