NavigationVisual draft 0.1
Command
Finds destinations and actions through a keyboard-first palette.
PatternComposed patternHTML first
01 / Preview
The current Angle direction.
Suggested
02 / Decision
What this component must preserve.
Angle component decision
Return ranked, contextual results with visible shortcuts and safe empty states. Search should not become hidden navigation.
03 / Anatomy
Parts with a specific job.
Search
01Result groups
02Command
03Shortcut
04Empty state
0504 / States
The happy path is only one state.
01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance
Use the contract, not the screenshot.
Do
Return ranked, contextual results with visible shortcuts and safe empty states. Search should not become hidden navigation.
Avoid
Do not copy the demonstration as a fixed screen. Preserve the interaction contract while composing for the product context.