Patterns

Recipes,not components

Complete compositions for the screens every product needs. Copy one, change what you need, and ship. Each pattern lists the components it is built from, and every component page links back here.

Authentication

Sign in

Email and password sign-in with a remember-me option, a recovery link and a single primary action.

Authentication

Password recovery

Request a reset link by email, with a quiet description of what happens next and a route back to sign in.

Authentication

Verify code

A six-digit one-time code, grouped in threes, with a resend action for the email that never arrived.

Settings

Notification settings

Grouped switches for email and push notifications, each with a one-line explanation.

Settings

Sound settings

Volume sliders for each channel and a switch for spatial audio.

Team

Invite teammates

Invite by email with a role picker, above the list of people who already have access.

Billing

Choose a plan

Three plans as a radio group, with the price and what each includes, and one action to continue.

Files

Upload progress

A list of files uploading in parallel, each with its own progress and a finished state.

Forms

Send feedback

A short rating and an open comment, the two questions that get answered most often.

Scheduling

Schedule a meeting

Pick a day on the calendar and one of the open time slots beside it.

Account

Profile card

A person, their role and a few numbers, with follow and message actions.

Developer

API key

A secret key shown once, with a copy action, a warning and a way to roll it.