Preview image. Unlock full-res
A 2x2 grid of colorful gradient action buttons (send, receive, swap, buy) in a fintech mobile interface with a close affordance.
Summary
A 2x2 grid of colorful gradient action buttons (send, receive, swap, buy) in a fintech mobile interface with a close affordance.
Visual description
A soft, rounded white card on a light gray background containing four gradient-filled buttons arranged in a 2x2 grid. Each button has distinct saturation: teal (top-left, send), yellow (top-right, receive), purple (bottom-left, swap), and lime-green (bottom-right, buy). Each color transitions from more saturated to muted toward the bottom of the card. Dark gray, all-caps sans-serif labels sit centered in each button; a small minimalist icon appears above each label. A rounded white tab labeled "CLOSE" protrudes from the card's top edge. The overall composition balances vibrant gradients with airy white space and clean geometry.
Key takeaway
Color-coded transaction buttons each with their own gradient create instant visual differentiation without labels alone. The soft rounded aesthetic and neutral background keep bright gradients from overwhelming. Tab affordance for closing makes the card feel like a modal sheet.
Reuse notes
Use for crypto wallet or fintech app primary action menus. The color-per-action pattern is memorable for transaction types. Works best when the mobile context is narrow; stack elsewhere.
