Command-first layout
Command-first layout
Search/command bar as the primary navigation; results and actions surface below. Used by power-user tools and internal consoles.
Use when
- Users know what they're looking for and type faster than they click.
- The app has many destinations that don't fit a nav tree.
Structure / rules
- Top region: command input with fuzzy search over actions, records, and docs.
- Results region: grouped by type (actions, records, pages); keyboard-first.
- Recent/frequent commands pinned when the input is empty.
Anti-patterns
- Hiding destructive actions behind the command bar without confirmation.
- No mouse fallback for core flows.
Slots
{commands}— action registry.{search-sources}— record/doc indexes.
Sources
- factory/ai-framework/skills/