Command
A layer with an input on a rule that filters every action.
Anatomy
| Panel | the shared layer, eighteen modules wide |
|---|---|
| Input | 40px, a search glyph and the text at 16/24; its only line is its ink rule |
| Groups | a muted label over each group of results |
| Result | a menu row: the name in the clean cut, a label on the right |
| Current | the result Enter would open is a filled --state row |
| Keys | ↑ and ↓ move the current result, Enter opens it, Escape closes |
| Burn | 300ms both ways, from the trigger |
Decisions
-
Not the site menu
A command palette was one of the larger studies for the site menu. It was dropped because the menu opens on every page from three triggers and has to stay a popover.
-
Current is a state
The highlighted result is the one fill in the layer: it is what Enter would do now.