Design systemDraft

Choice list

Two to four cards, one chosen. Not a segmented control (those are for a view or a filter), because each choice needs a sentence.

Anatomy#

Each card: an icon tile 40, a title (strong), one muted line, and at the right a check that appears on the chosen card. Chosen: accent border and wash. Not chosen: surface-2 with an edge. The list is a radio group; each card is a radio with a selected state, so colour is never the only signal. Press springs the card down to 0.985.

Behaviour#

value empty means nothing chosen; the screen keeps its primary disabled until there is a choice.

Gaps#

• No keyboard arrow movement between cards beyond Tab.