Form Layouts

Vertical, horizontal, inline, 12-col grid & card-sectioned patterns — one form, six arrangements.

Elements
Pattern 01

Vertical

Labels above controls — the default stack.

Bounces are routed to this inbox.
Pattern 02

Horizontal

Label column (4/12) beside the control.

17 of 25 seats are in use.
SSO enforced
Pattern 03

Inline

Compact controls on one line — ideal for filter bars.

Pattern 04

12-Column Grid

The canonical address form: 6+6, then 6+3+3.

Pattern 05

Fields + Help Rail

Form on the left, contextual help docked alongside.

Keys are shown once at creation. Store them in your secrets manager — we never display them again.

Pattern 06

Card-Sectioned

Fieldsets separated by hairlines, with a sticky action bar.

Profile

Public details shown on your team page.

Preferences

How the product behaves for you.

Unsaved changes