Kanban board · Ascern design system

A job's candidates as columns by stage, from CV sent to Placed. Drag a card to move it, or use its Move to menu. Earlier stages fold into one column.

Components · Tables and views

Kanban board

A job's candidates as columns by stage, from CV sent to Placed. Drag a card to move it, or use its Move to menu. Earlier stages fold into one column.

Senior Data Engineer · Halcyon Bank

Board

List

Before CV out

Needs me

Kept for matching

Add candidate

Before CV out

8 candidates

Long list

Short list

Outreach

Interview

CV sent

Maya Chen

Waiting · 3d

Northbridge Talent

Tom Lindqvist

Waiting ·

12d

Orbital Freight

First interview

Priya Shah

To move

· 2d

Halcyon Bank

Offer

No candidates

Columns are 256px on a grey track with a stage dot, label and count; cards are raised white. The board scrolls sideways; it never wraps.

Cards, dragging and Move to

Focus

Maya Chen

Waiting · 3d

Northbridge Talent

Dragging: ghost stays, card lifts

Daniel Okafor

Waiting · 1d

Orbital Freight

Daniel Okafor

Waiting · 1d

Drop target

Placed

Drop on Placed opens Create placement.

Move to, from the card's ⋯

Move to

CV sent

First interview

Offer

Placed

Kept for matching

Elena Hart

Kept for matching

Brightwave Energy

Restore

Turn line: "Waiting · 3d" while the client has it, "To move · 2d" in ink when it's ours; past due, the days become a warning lozenge. A warning icon flags a card with no next step. Kept cards carry Restore.

Rules

· Use the board for one job's pipeline. Lists of many records stay tables; Board and List switch on the same data.
· Every stage dot has its label beside it; colour never stands alone. Stage order is the job's rounds.
· A move shows at once and the card slides into place; if the server refuses, it slides back.
· Dropping on Placed always opens Create placement; nothing is placed without it.
· Keyboard: Space picks up a card, Left and Right jump a whole stage, Space drops, Escape cancels. Every move is also in the card's Move to menu.
· Screen readers: "Picked up Maya Chen from CV sent", "Maya Chen dropped in First interview".