Skip to component standard
Components

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.

Search01
Result groups02
Command03
Shortcut04
Empty state05
04 / 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.