Account
Forms, billing, and critical states for product settings
This page isolates the account surfaces that usually expose weak palette decisions: fields, plan summaries, invoice tables, alerts, empty states, and critical actions.
Settings form
A focused form section for fields, selects, textarea states, checkboxes, hover borders, and focus rings.
Plan summary
A billing summary section for price hierarchy, progress, limits, and success-coloured renewal state.
Monthly plan
$49
Renews Jul 18
9 of 12 connected surfaces active
Invoice table
A compact account table for row borders, muted metadata, and semantic status badges.
| Invoice | Amount | Status | Date |
|---|---|---|---|
| INV-1048 | $49.00 | Paid | Jul 18 |
| INV-1047 | $49.00 | Paid | Jun 18 |
| INV-1046 | $49.00 | Review | May 18 |
Account alerts
Success, warning, critical, and info states in account flows.
Sync complete
Hosted CSS was updated for connected surfaces.
Review contrast
Warning text needs a stronger foreground.
Publish blocked
Critical role is missing a readable soft state.
Preview connected
Session-only variables are active.
Empty state example
A focused empty state for dashed borders, muted copy, and primary-soft accents.
No invoices match these filters
Clear the filter or create a new billing sync.
Danger zone
Product copy can still say Danger zone, but the colour contract comes from critical tokens.