Quietly surfaced.

Five overlays that appear on demand and recede on cue — a hint, a disclosure, a menu, a palette, a passing notice. Accent stays reserved for the open and selected moment alone.

Tooltipvariant · default / inverted / compact

Add to favourites

default

KeyboardPress ⌘K anywhere

inverted · with Title

Settings

compact

HOVER / focus only — describes its trigger, never holds a focusable element. Variants default · inverted · compact; optional TooltipTitle in display italic; TooltipArrow caret tracks the surface.

Toggletipclick-triggered · trigger states + open bubble

rest

hover

focus-visible

open

A patch-test result must be on file before this treatment can be booked. View policy

CLICK-triggered disclosure that can hold a focusable link. Trigger glyph sizes sm 14 · md 16 · lg 20 off --control-box. Open tint + aria-expanded are paired cues. Inner link uses --primary.

Context Menuright-click · highlighted / checkbox / radio

Right-click this surface

Trigger

Opens at the pointer on right-click. Item · CheckboxItem · RadioItem · Label · Separator · Shortcut plus a SubTrigger chevron. Highlighted row uses the accent tint; disabled rows dim to 50%.

Commandinput · group heading · selected item

Type a command or search…

Searchable palette (command menu) — CommandInput with leading Search glyph, CommandGroup headings, CommandItem rows, CommandSeparator, CommandShortcut. Selected row carries the accent tint; also ships as the command-menu dialog component.

Toastseverity · success / warning / danger / info

Entry saved

Your changes are synced.

Session expiring

You'll be signed out in 5 min.

Stay

Upload failed

Connection lost — retry?

Retry

3 new responses

Transient notice — severities info · success · warning · danger · neutral as a 4px left stripe + icon. Optional action button + dismiss ×. Toaster stacks 6 positions (default bottom-right, limit 5, 5000 ms).

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait