Recipe

Signup form UX patterns

A collection of signup form patterns optimized for conversion, accessibility, and progressive disclosure. Copy-paste ready with zero external dependencies.

Pattern 1 — Minimal email-first

Single field, low friction. Best for waitlists and early access. The CTA stays disabled until a valid email is entered.

No spam. Unsubscribe anytime. We'll send you one email when we launch.

Pattern 2 — Full registration

Three fields with inline validation hints. Suitable for products that need a display name and password upfront.

Must include one number and one special character.

Pattern 3 — Social-first

OAuth buttons dominate, email is secondary. Reduces password fatigue and speeds up onboarding.

or

Pattern 4 — Progressive disclosure

Start with email only. After submission, ask for name and password. Reduces initial cognitive load and improves conversion.

Step 1 of 2 — Enter your email