Forms

Generated from DESIGN_SYSTEM.md

Rules

  • Max 5 fields visible at one time — use sections or multi-step for longer forms
  • Field border: border-interactive at rest, brand-primary on focus
  • Error: error color on border + inline message below field — never page-level only
  • Labels above fields — never placeholder-only labels (disappear on focus)

Live specimens

A short formLabels above fields; the error sits on the field and right under it.

Enter a full address, like name@example.com.