Components / Forms
Inputs that whisper, errors that don't lie.
Every field is the same height (36px). Every border is a shadow ring. Errors are loud — a 2px red outline outside the existing ring — because field operators must not miss them. Disabled fields are tinted, not greyed-out so far they disappear.
Input
Geist 13 · 36px height · 6px radiusShadow-as-border (no CSS border)
Pill — semantic state
ResolvedPending reviewCriticalSubmittedDraft
11px Geist · weight 500 · pill radius5 variants — semantic only, never decorative
Checkbox + radio
16×16 · 4px radius checkbox · circle radioAccent green when checked
Errors are loud. A 2px red outline outside the existing shadow ring. Operators in PPE on a noisy floor scan for red — the form must oblige.