Preview image. Unlock full-res
Fintech landing page showing a vertical list of colorful pill-shaped app buttons with icons, aligned left alongside a bold headline and minimal top navigation.
Summary
A fintech hub interface listing DeFi trading and lending apps as colorful pill-shaped buttons with distinct icon and label pairs, arranged vertically on a clean white background.
Visual description
Layout spans a light gray container with a dark border frame. Top navigation shows a rounded-pill button set: GUIDES, DOWNLOAD, SECURITY, GET STARTED, DEFI, a toggle, and a black LAUNCH APP button. Left side holds a short headline reading "Join Sui's top DeFi, Trade, Lend, Borrow, Stake" with a small black CTA button below. Right side displays a vertical stack of seven app cards, each a rounded pill shape with a distinct background color (mint green, yellow, orange-red, bright blue, sage green, purple, pale yellow). Each card pairs an icon (top-left corner) with the app name in bold sans-serif. Cards are evenly spaced with subtle shadows. White background and controlled color palette create calm, organized, trustworthy impression.
Key takeaway
The pill-button pattern for app/service discovery: color coding differentiates each option at a glance while icon plus label ensures clarity. The left-text, right-buttons asymmetry divides hero copy from interactive elements without a hard visual break. Minimal, open-air layout signals simplicity and trust.
Reuse notes
Perfect for fintech platforms, crypto marketplaces, and developer tool aggregators where users need to choose among many options. The colorful distinct buttons work best when each service is substantively different; they can feel fragmented if options are similar. Works only on light backgrounds; the contrast would flip on dark.
