Bank Transfer Details Done Right

This is one of those utility screens that most teams phone in, but Checkout.com's dashboard actually nails it. The top-up details page is clean, scannable, and builds trust through clarity. You immediately clock the structured table layout with label-value pairs, each row separated just enough to breathe. Copy icons sit right-aligned on every field. Smart.

Layout That Respects Your Time

The hierarchy here is solid. Bold "Top-up details" header, a brief explainer paragraph, then the card with bank info and payment reference clearly sectioned. Two distinct content blocks inside one card keep things grouped without feeling cramped. The reference code at the bottom gets its own highlighted row, which is exactly what you want when someone's alt-tabbing between their bank app and this screen.

Restrained Color, Strong Typography

Almost no color on the page. Just the blue accent on "Balances" tab and the "Done" button. Everything else is black, gray, and white. The typography is confident and readable. Nothing fancy, nothing distracting. That restraint makes the important action elements pop without competing. The Back and Done buttons anchored to the bottom feel natural and unforced.