# Forms — Unless design system

Components

# Forms
  [Inputs](/en/design/components/forms/)[States](/en/design/components/forms/states/)[Usage](/en/design/components/forms/usage/)
## 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.
       [Forms · States](/en/design/components/forms/states/)     [Navigation · Top nav](/en/design/components/navigation/)