Duffel

Item: Duffel
Rating: 7.3

APIs to search, book and sell flights, stays and travel extras.

7.3/10MABTU rating

DESKTOP · 1440 × 6,846/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, floating booking UI fragments316
02logosThree customer logos in a row
03use casesTwo cards with bank card and trip booking UI891
04productsFlights and Stays cards with mini UI component grids1,741
05developersAubergine band, copy left, code editor right725
06case studiesCustomer spotlight carousel card924
07ctaLavender card overlapping dark footer
08footerAubergine link columns and newsletter field

Rating · Home

Visual design7.4

UX & clarity7.8

Originality6.2

Craft & consistency7.8

Motion6.0

Performance & a11y7.7

This page scores 7.3; the site score weights the home page double.

Main colours

Light·white background·muted

Typography

GT Americaheading · sans · self-hosted GT Americabody · sans · self-hosted

Stack & style

Next.js Storyblok React

Minimal Corporate / clean Product-UI-led Logo cloud Mega menu Testimonial slider

Also: Cloudflare

Design DNA

White page with a neutral grotesk, one italic word in the headline ('complexity.'), deep aubergine buttons and a faint lavender glow. The hero is a centred headline over a spread of floating booking UI fragments (trip card, flight list, code snippet, hotel card). A slim logo row, two use-case cards with card and flight UI, then product-suite cards (Flights, Stays) with icon, copy and a grid of mini UI components on pale grey. A deep aubergine band pairs developer copy with a code editor, then a customer spotlight carousel and a lavender CTA card overlapping the dark footer.

Worth borrowing

Set one word of the hero headline in italic to add voice to a plain grotesk.
Explain each API product with a grid of small real UI components rather than one screenshot.
Overlap a pale CTA card onto the top edge of a dark footer.