A panel on the page, its border lightened to match the fill rather than ringing it.

A panel on the page, its border lightened to match the fill rather than ringing it.

The same panel over the page — a menu, a popover, a dialog — under the shadow that lifts it off.

The tint a control rests in, and the same tint on one that answers the pointer.

A round glyph that is only itself until it is hovered, for the marks that sit beside content.

The one filled control on a screen: the foreground as a fill, dimming and giving under the press.

The give, on its own: hold it down and it takes the press, whatever surface it is wearing.

One glyph for another in the same square: the old one shrinks into a blur as the new one settles.

Two words in one slot, the button easing between their widths instead of jumping.

A highlight crossing the words while something is working, and still under reduced motion.

A panel that opens to the height of what is in it, measured by Base UI rather than guessed at.

The blue that says something is happening now, on the small type the machine's own words are set in.

The blue that says something is happening now, on the small type the machine's own words are set in.

Code that keeps its own whitespace, with the fill running the width of the longest line rather than stopping at the fold.