# Field

A labelled text control on the edge token: the 52px pill input from the auth screens (P2 `pill-input`) and the 12-radius reply well from the message pane.

```html
<div class="postie-field">
  <label class="postie-field__label" for="email">Email address</label>
  <input class="postie-field__control" id="email" type="email" autocomplete="username">
  <span class="postie-field__help">Use the address you signed up with.</span>
</div>
<div class="postie-field postie-field--well"><label class="postie-field__label" for="reply">Reply</label><textarea class="postie-field__control" id="reply" rows="2"></textarea></div>
```

**When.** Every text input is a pill unless it is multi-line; multi-line is the well. Labels are always real `<label for>`, 14px 700, above the control. Help is the muted face; an error is the accent-as-text face with a dot, and the border goes to ink, not to a colour.

**Never.**
- Never a red border, a red label or a warning icon — no error hue exists in colourway 4 and status is never colour alone. The message is the error.
- Never a border colour other than the edge token (the only visible UI border) and never a shadow or inner glow on focus — focus is the 2px ink outline.
- Never a floating label, never placeholder-as-label.
- Never an input on the brand ground with a border; on charcoal an input is the SearchWell (raised-brand fill, no edge).
- Never below 52px on auth or 44px anywhere (tap target).