SYSTEM

Menubar

Menu labels on one rule, with shortcuts in the label voice.

Navigation shadcn: Menubar

States

  • Closed

    nothing set

    Labels on the rule.

  • Open

    aria-expanded="true"

    The label fills ink; the layer hangs under it.

Anatomy

Bar menu labels in the label voice on one ink rule, half a module of padding each
Open aria-expanded="true": the label takes the tab’s ink fill and its layer hangs under it
Rows the name in the clean cut at 16/24 on a hairline; the shortcut right, in the label voice in --muted-foreground
Layer paper in a 1px ink frame, ten modules wide

Decisions

  • Shortcuts as labels

    A shortcut is metadata, so it takes the label voice on the right of the row, as a contact row carries its address. There is no mono face for it.