Plan & Next Charge Summary
Current plan, next charge with an actual figure and date, payment method, and a prominent pending-cancellation state.
All blocksProduct
Billing & Usage
8 blocks in this category, each rendered live below. Open any of them for the full source and a copy button.
A block is one finished section of a page — a pricing table, a hero, a footer.
Invoice History
Past invoices with tabular figures, worded statuses rather than bare coloured dots, and per-invoice download labels.
Payment Methods On File
Cards on file with the two failures that cost the subscription: expiry called out before it fails, and the default stated on the row rather than implied by ordering.
Subscription Cancel Flow
Self-serve cancellation with no dark patterns: the exact date access ends, what breaks, one honest alternative, and a button that works.
Overage Notice with Projection
Past the included allowance, with the end-of-month projection and every number the invoice will use — because a surprise bill is a product defect.
Seat Count & Proration
Changing seats with the bill shown first: the part-period charge and the new recurring amount as two numbers, the arithmetic spelled out, and the asymmetry stated where it bites — removing a seat refunds nothing today.
Invoice Detail
One invoice with the arithmetic shown: proration split into a credit and a charge with their own date ranges, tax as a line with its jurisdiction, and totals in a real tfoot.
Credit Balance and Expiry
Consumable credits split into the buckets they actually live in, rendered in spend order, with a proportional warning that only appears when a meaningful balance is about to expire.