Search Engine — Rounded Pill
Grey fill, fully rounded, icon left + trailing mic. No visible border.
Mobile OS — System Search Bar
Compact rounded rect, light grey fill, centered content, iOS-style. Clear (x) button shown once text is entered.
Enterprise Dashboard — Command Input
⌘K
1px border, keyboard-shortcut hint right-aligned, common in dev tools/SaaS.
E-commerce — Minimal Underline
No fill/border box — just bottom rule, common on editorial/retail sites.
Command Palette — Dark Mode
esc
Modal overlay style, dark surface, monospace-adjacent hint chips.
Social Feed — Soft Pill
Full pill radius, muted blue-grey fill, no border until focus.
Marketplace — Split Button Accent
Square corners, thick dark border, accent-colored search button attached.
Streaming Platform — Overlay Bar
Translucent dark bg over content, thin light border, square corners.
Productivity Suite — Compact Toolbar
Small height, subtle grey, sits inline in a toolbar/header row. Clear (x) button appears once text is entered.
AI Chat Assistant — Prompt Bar
Large rounded corners, soft shadow instead of border, action button replaces icon.