
Preview image. Unlock full-res
Dark features section with a horizontal carousel of tall product cards, each labeled in monospace caps with an icon, headline, and corner arrow.
Summary
A dark features section presenting Canopy's product modules as a horizontal carousel of tall cards, each headed by a monospace label and a small icon. The defining feature is the third card running off the right edge to signal a swipeable set.
Visual description
A grey "PRODUCTS" eyebrow tops a left-aligned two-line headline, "A loan management system built to scale with your business.", in white on near-black. Below, three tall dark rounded cards sit in a row with subtle borders. Each card carries a small product icon and a monospace caps label in its top-left (CANOPYOS, CANOPY CONNECT, DATADIRECT) and a circular up-right arrow button in its top-right. Lower in each card sits a two-line bold headline (for example "Launch, service and scale your loans. All in one OS.") over a short muted description. The third card (DataDirect) is clipped by the right edge, indicating more cards in a carousel. Most of each card's upper area is intentionally empty dark space.
Key takeaway
The tall product card with corner-anchored metadata: monospace label and icon top-left, action arrow top-right, headline and copy at the bottom, leaving calm negative space between. The clipped trailing card as a low-key swipe cue without visible arrows or dots.
Reuse notes
Good for showcasing several product modules at equal weight where each deserves its own card. The empty upper card space invites an icon, illustration, or mockup if available. As a carousel it needs real swipe or drag behavior; the edge peek is the only motion hint visible.





















