Building blocks

The canonical pill: GO, NEXT, START PRACTICE. Primary for the one action that moves you forward, secondary for the rest, and Liquid Glass for controls that float over content.

The outlined utility button for actions inside cards: Switch gangsa, History, Connect controller. Inside a card it stays solid; glass is only for controls floating over content.

The screen header: an optional back link, the title in Katibeh, and optional status, help and settings at the trailing edge.

The uppercase, letter-spaced label above a group: STRIKE CONTROLLER, NOTE CLIPS.

A big number between minus and plus circles. Used to choose how many keys a gangsa has.

The system switch, with a kajar tick when its value changes. Set once on the root, so every switch in the app ticks.

The splash's progress: a thin red line filling a card-colored track. No percentage on screen.

A small capsule showing a fraction, such as accuracy on the results screen, in the color of what it measures.

Asks before anything that can't be undone. A tap on the scrim cancels.

A gangsa or a pattern as a tile in a picker: a picture or a preview on top, the name in Katibeh, and a line or two about it.

One note of a figure: polos or sangsih, lit when it's the half you play and dimmed when it's your partner's. The brown tile is a damp, with the hand that stops the key.

A bilah on the play screen, and the verdict on a strike. Two verdicts only: Great, in a green aura, and Miss, in a red one.