Preview image. Unlock full-res
Dark fintech UI showing two transaction rows with user avatars, directional arrows, amounts, and timestamps on a black card, backed by an angled warm-to-cool gradient accent card.
Summary
Dark fintech UI showing two transaction rows with user avatars, directional arrows, amounts, and timestamps on a black card, backed by an angled warm-to-cool gradient accent card.
Visual description
Main card on pure black background with deep rounded corners. Black central card holds two transaction rows in light-on-dark: upper row shows a male user avatar in a circle, "USD" label, rightward arrow, "+$500.65" in white, timestamp "Today 16:55" in teal. Lower row mirrors the format with a female avatar, leftward arrow, "-$500.65" in white. Large white word "Speed." anchors the bottom left corner in a clean sans-serif. Behind this central card sits an angled accent card in warm-to-cool gradient: orange-peachy tones at top left transitioning through muted rose and slate to teal-blue at bottom right. The gradient creates dynamic diagonal movement without competing.
Key takeaway
The use of a layered card with a boldly directional gradient backdrop that animates without animation. Avatar-plus-amount-and-arrow hierarchy is instantly scannable. The single-word hero headline paired with dense functional data creates brand narrative and usability together.
Reuse notes
Ideal for fintech, banking, payment, or wallet apps needing premium dark-mode credibility. The gradient backing works only at this scale and level of saturation. High contrast ensures legibility on mobile. Direction arrows plus signage (USD) eliminate ambiguity in transaction type.
