Minimal Nav With Search

About this block

Minimal Nav With Search puts a command bar where the links usually go. The sticky bar holds the logo, a rounded search pill with a magnifier, placeholder text, and a keyboard shortcut hint, then a ghost sign in and a solid CTA. Navigation links live in the mobile sheet, keeping the bar itself to three elements. The pill is a real button ready to open your command palette.

The sheet links are one array, the pill placeholder and shortcut are strings, and the wordmark hides on the smallest screens so the pill keeps room. Wire the button to a cmdk style dialog when you drop the block into a product, as shipped it is presentational.

When to use

Reach for this block on documentation portals, help centers, template galleries, or any property where visitors arrive to find something specific rather than to be persuaded. The search pill communicates utility in a way the link rows of standard-sticky-nav do not. For a classic marketing page it gives up too much navigation, use a link based sibling there.

A natural flow around it on a Marketing Pro page:

Before

• Nothing. This is the first block on the page.

After

• Heroes like centered-with-search to continue the finding theme
• FAQs for the questions search will be asked most

What you can display

One strong use is a documentation site header. Other search first properties:

• Help center. Placeholder asking how can we help, with contact support as the CTA.
• Template marketplace. Search across templates with the CTA submitting new work.
• Community forum. Search questions and answers with sign in carrying most weight.

Tip: write the placeholder as the action users came to do, search the docs outperforms a bare search label.