Profile header band with avatar, name, role, bio, fact chips, and Message and Edit profile actions.
Profile completion card
Profile setup progress card with a 70% bar, three remaining steps with quick-action buttons, and completed steps struck through.

More like this
Browse Application UI
Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.

Active sessions card listing every signed-in device with browser, location, last active time, per-row revoke, and a sign-out-everywhere action.

Two-factor authentication status panel showing the active method, backup codes remaining, and an enrollment prompt with the security case for new accounts.

Account home card showing plan, role, key dates, connected identity, and settings quick links.

Static open-state blueprint of an account switcher panel listing three accounts with the current one checked and an add-account row.

Activity card with an inline SVG contribution heatmap, monthly event count, and three recent items.

Status setter card with four presence options, a custom message field, a clear-after duration picker, and a note on when Do Not Disturb actually silences alerts.

Recruiting profile card with role summary, project and reference stats, rating, and clear offer and messaging actions.

A three field password form beside a live requirements checklist, a segmented strength meter, the last changed date, and a passkey suggestion.

Sign-in identities panel listing Google, GitHub, and SSO rows with connected dates, a primary badge, and a disconnect guard.

Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a sole owner guard, and an export reminder above.
