# Duffel landing page — Design reference

Reference: https://styleslibrary.site/website-inspiration/example/duffel-landing-page/
Website: https://duffel.com/
MCP reference ID: inspiration-1373

Screenshot: https://styleslibrary.site/wp-content/uploads/2026/09/duffel.png

Design direction

A light, spacious introduction to a complex travel product. Pale backgrounds and floating interface previews keep the opening approachable, while a deep-purple section gives the developer story a distinct place.

Details to learn from

The centered hero pairs a short promise with two clear next steps.

Customer logos separate the introduction from the use cases.

Product cards combine small interface previews with concise explanations.

The dark developer section creates contrast before customer stories and the closing call to action.

Observations describe the archived screenshot. Fonts and palette are reported by the source listing; the current website may differ. Screenshot capture date is unknown.

## Typography

GT America

## Color palette

#100024, #c7adff

## Use with your AI

Inspect the screenshot, compare useful layouts with other references, and propose an original responsive design before building. Adapt the ideas to the project; replace source branding and copy. Only report measurements supported by evidence.