Checkout.com Empty Invoices Dashboard

Clean Empty State Done Right

This invoices page from what looks like a payment platform nails the empty state pattern. The skeleton loading cards stacked in the center give users a visual hint of what's coming without feeling hollow. That soft blue info banner at the top telling you when your next invoices drop is a thoughtful touch. It sets expectations immediately.

Restrained but Functional

The layout is dead simple. Top nav, sub-nav tabs with "Invoices" highlighted in that pill-shaped blue badge, then straight into content. No sidebar clutter. The filter row with dropdowns for periods, currencies, and entities sits right above the table headers, exactly where you'd expect. Typography is minimal, likely Inter or a similar system font, keeping things readable without trying too hard.

What Makes It Work

The "Download Invoice" button is deliberately grayed out when nothing's selected. Smart constraint. The whole page breathes. Generous whitespace everywhere. The copy in the empty state is actually helpful, pointing users to their Customer Success Manager instead of just saying "nothing here." That's good UX writing paired with good design.