Duffel developer API section

Duffel developer API section, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark split developer section with docs CTA left and tabbed Node.js code snippet card right plus ancillaries announcement bar.

Palette
#0B081B
#C8B8FF
#5EC4B6
#FF6B6B

Summary

Developer-focused dark section pairing "Build with zero limitations" copy with a syntax-highlighted Duffel API code card and NEW ancillaries footer bar.

Visual description

Deep navy-purple background, two-column layout. Left: lavender "EASY-TO-USE API" badge, white headline, grey body about docs and client libraries, ghost "Explore documentation" button. Right: dark gradient code card with Node.js/Python/Ruby/CLI tabs, mint-green highlighted JavaScript offerRequest example using @duffel/api, and "Client Libraries and SDK" link footer. Bottom full-width lighter purple bar with red NEW badge announcing ancillaries component.

Key takeaway

Tabbed code card as the hero visual for developer products. Secondary announcement strip below keeps shipping velocity visible without cluttering the main message.

Reuse notes

Default pattern for API-first travel or fintech platforms. Code must stay current; outdated SDK examples undermine trust.

More features sections

See all

More like this