Plan Wallet

The billing page’s signature tactile object — the sibling of the home journey-folder stack and the documents pockets. A brand-yellow plan card (the enrollment artifact) sits in a slot with the payment card tucked behind, peeking. Hovering draws the cards up out of the slot. Financing branches the object: a card on file (with the update-payment dialog) vs Klarna instalments.

Card on file

The payment card wears its network’s key colour. “Update payment method” opens a dialog with live brand detection; saving runs a spinner → check → toast, or the retryable error flash. (Try the Stripe decline test card 4000 0000 0000 0002 to see the failure branch.)

•••• 4242
SEATTIMETRAINING10HOURS

SafeWay Basic

$849.00

Paid in fullJul 1, 2026

Jordan Reyes

Klarna financing

BNPL is a per-purchase financing choice, not a stored instrument — so there’s no card on file. The pink card carries instalment progress + the bare wordmark, and the action hands off to Klarna.

1 of 3 paid
SEATTIMETRAINING10HOURS

SafeWay Basic

$849.00

Paying over timeJul 1, 2026

Jordan Reyes

Theme