Components

Primary for the one thing you want people to press, secondary beside it, and ghost for quiet actions. Height follows the theme's density and the corners follow its radius.

A label, a text input or select, and a message underneath. On a wrong answer the box shakes and the message turns into the error, then it clears after 3 seconds.

A small spinner that turns into a tick when it's done, in the same spot, so the answer lands where the tap was. The tick is the theme's success colour.

8 dots in a ring with a bright one running round. It's a line of text tall and takes the text colour.

A line that says what's happening while you wait, with a brighter band passing through it. Pair it with the spinner.

Gold, with the light moving slowly across it. It's the same gold in every theme. Use it on 1 or 2 words a page.

Gold confetti that pops off a button, tumbles back down and settles on top of it. Each flake catches the light as it turns.

Muted text with a fine underline, and both take the accent on hover.

One of a row of options where one is on, like filters or a picker. Type comes from wherever it sits.

Things fading up as they scroll into view, a list arriving in order. If the script doesn't run, everything just shows.

The contents of something that's just opened, arriving one after another, like the lines in a tooltip or the rows in a menu.

A count on a button or tab, like unread messages. It pops in when there's something new and shrinks away at zero.

A short label that shows on hover or keyboard focus, for icon buttons and anything else that needs a word of explanation.