Duffel product suite sections

Duffel product suite sections, minimal, light-mode, light

Preview image. Unlock full-res

Light stacked product blocks for Flights, Stays, and Links each with icon, copy, and 2x2 UI snippet grids plus mint banner.

Colorlight, muted
Palette
#F5F5F7
#1A1A2E
#353654
#B8E6D0

Summary

Three stacked product sections (Flights, Stays, Links) with left copy and right grids of UI component previews on light grey.

Visual description

Light background. Centered "PRODUCT SUITE" pill and serif-accent headline "Create the best travel experience for your customers." Each product row: purple square icon, bold title, description, outlined Learn more button left; 2x2 grid of UI snippets right (flight search, baggage, hotel cards, loyalty input, Links color picker). Flights section ends with full-width mint "Managed content" banner about airline accreditation.

Key takeaway

Repeating the same left-copy / right-snippet grammar across products keeps a long page scannable. Full-width colored banner between sections highlights one key differentiator.

Reuse notes

Ideal for multi-product API platforms. Each row needs four distinct UI captures; thin product lines may not fill a 2x2 grid credibly.

More product showcase sections

See all

More like this