When to use
Use when a new user must exist before they can see the product.
Loading…
Find components, patterns, tokens, and docs
Pattern
Create an account without turning the first minute into a questionnaire.
Preview
Appearance is not enough. This is the contract for when the control earns a place in the product.
Use when a new user must exist before they can see the product.
Don't force this layout onto a task with a different risk profile or a different set of fields.
Collect only what is required to start, then confirm the email later.
Every field in the pattern keeps a visible label, and primary actions remain real buttons. Error copy sits next to the field that failed.
<form>
<h1>Create your workspace</h1>
<Input label="Work email" type="email" />
<Input label="Password" type="password" />
<Checkbox label="Email me occasional product notes" />
<Button variant="primary">Create account</Button>
</form>