Recipe: Form layout patterns
Three battle-tested form layouts that scale from simple sign‑in to multi‑step onboarding.
Stacked
Single‑column, full‑width inputs. Best for short forms with fewer than six fields.
Side‑by‑side
Two‑column grid for related pairs — first/last name, city/zip. Collapses to stacked on mobile.
Floating label
Label sits inside the input, then animates upward on focus. Saves vertical space in dense dashboards.
Email
Password
Pro tip: Always place the primary action at the bottom‑right for LTR scanning. Use a secondary link on the left for cancel or back.