Components
Forms
Form rules — label, never placeholder
Three constraints behind form layout. The label-above-helper-below rhythm and the inset focus ring are what stop forms from drifting into a different visual family across the site.
- Label above field, helper below; never placeholder-as-label.
- Focus state is inset 2px peak - not the universal outer ring (forms beat the default).
- Error copy stays specific. "Invalid" is not an error message.