Skip to content
Protocore Design Systemv1.6.9
Patterns / Subscribe

Subscribe

A single-purpose capture card: an inline field-and-button form, a success message, and a privacy note.

SUBSCRIBE
Live · @protocore/pds
Ship notes, monthly
Protocol changes, settlement engineering, and the occasional incident write-up.
Developer newsletter
No spamOne email a month. Unsubscribe in a click.

When to use

A capture surface has exactly one goal, so everything on it either advances the submission or removes a reason to hesitate. A centered Card focuses attention, an inline Field-and-Button form keeps the commitment to a single action, validation is honest rather than punitive, and a privacy note lowers the last objection. On success the form is replaced by a confirming InlineMessage — the state changes, so the copy must too. Try submitting above, with and without a valid address.

Use it for newsletter signups, waitlists, and any focused single-input capture. For multi-step or authenticated flows, compose Fields inside the console shell instead.

Structure

01
Centered card
A Card on a surface band holds the whole interaction in one focused frame with a title and subtitle.
02
Inline form
A Field wraps an Input beside a primary Button, so the commitment is a single action on one line.
03
Validation
Invalid submits set the Input invalid and surface a Field error announced via role=alert — never a silently disabled button.
04
Success message
On success the form is swapped for a success-tone InlineMessage confirming what happens next.
05
Privacy note
A bordered Tag plus muted Text answers the 'will you spam me?' objection before it's asked.

Key components

Open any component to read its full API and live examples.