Command Palette

⌘K power-user navigation — search anything, execute actions, keyboard-first.

Command Palette (⌘K)

Type a command or search...

Quick Actions

Create New Deal N

Add Account A

Open Morning Brief B

Navigate

Dashboard

Deal Board

Analytics

HTML

<div class="monarch-command-palette">
  <div class="monarch-command-palette__input">
    <svg class="monarch-command-palette__input-icon">🔍</svg>
    <input placeholder="Type a command or search..." />
  </div>
  <div class="monarch-command-palette__results">
    <div class="monarch-command-palette__group-title">Quick Actions</div>
    <button class="monarch-command-palette__item monarch-command-palette__item--selected">
      <svg class="monarch-command-palette__item-icon">+</svg>
      <span class="monarch-command-palette__item-label">Create New Deal</span>
      <kbd class="monarch-command-palette__item-kbd">N</kbd>
    </button>
  </div>
  <div class="monarch-command-palette__footer">
    <span class="monarch-command-palette__footer-shortcut">
      <kbd class="monarch-command-palette__item-kbd">↑↓</kbd> Navigate
    </span>
  </div>
</div>