# SearchWell

The search pill in the chrome-bar: one tonal step lighter than the charcoal, no border, a glass icon and the "/" hint that tells a power user the keyboard opens it.

```html
<label class="postie-search" for="search">
  <svg class="postie-search__icon" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
  <input class="postie-search__input" id="search" type="search" placeholder="Search every account — try  from:priya  has:attachment">
  <span class="postie-search__hint">/</span>
</label>
```

**When.** Once, in the chrome-bar, growing to 640px. On mobile it is the 44px icon button in the masthead; the full well appears on the search screen at `ground="working"` `size="lg"`.

**Never.**
- Never an edge border on the chrome — on charcoal the well is a raised-brand fill (the edge token has no legal pairing there).
- Never a filter row of coloured chips beneath it; search operators are typed (the placeholder teaches them).
- Never a magnifier in the accent — the icon is muted-brand, the hint is muted-brand; the well is quiet until it is used.
- Never lighter than `#282627` on light — the first light pass faded because the chrome and its wells lost weight.