Invoice Status Card

A white invoice tile: the customer, invoice number, amount due, date, and a status pill for Open, Paid, or Overdue. In the demo the pill eases from Open to Paid, the amount turns green, the payment bar fills, and the due date gives way to “Paid by card”. It holds on Paid under reduced motion. Swap the figures and status labels, then drop it into a billing or finance feature block.
A white invoice tile: the customer, invoice number, amount due, date, and a status pill for Open, Paid, or Overdue. In the demo the pill eases from Open to Paid, the amount turns green, the payment bar fills, and the due date gives way to “Paid by card”. It holds on Paid under reduced motion. Swap the figures and status labels, then drop it into a billing or finance feature block.
Version 1.0.0