Design system

Colour palette, typography, components and global UI elements that compose the Outbound site.

Colour palette

Warm, premium, trustworthy โ€” wanderlust meets concierge.

Primary green#1F8A4C ยท logo accent
Deep green#0F5A30 ยท primary CTA
Sand cream#F8F4EC ยท panels
Off-white#FFFFFF ยท cards
Charcoal#1F2A1D ยท body
Coral#E1655A ยท sale / urgency
Gold#C8932B ยท premium tier
Soft green#E8F2EC ยท highlights

Typography

Cormorant Garamond for display, Plus Jakarta Sans for everything else.

Display 1 ยท Cormorant Garamond 600 ยท 72/56/40px

Find your next Adventure

Display 2 ยท 52/44/32px

Where Outbound takes you

H2 / Section ยท 40/32/28px

Trending this week

H3 ยท 28/24/22px

Bali Honeymoon Bliss

Body ยท Plus Jakarta Sans 400 ยท 16px / 1.55

1.4 lakh travellers. 47 countries. Hand-built itineraries from โ‚น24,800 by real planners โ€” not bots.

Buttons

Pill radius (999px), 48px tall (56px for large). Hover lifts 1px.

Badges & chips

Urgency, savings, tier, filters.

saved 26% Premium Verified โ˜… 4.9 ๐Ÿ”ฅ 12 booked today

Form fields

All inputs 46px tall, 1px border, focus ring in primary green.

Package card

The most important sales surface โ€” used on home, packages list, destination, and detail pages.

saved 26% ๐Ÿ”ฅ 12 booked today

Bali Honeymoon Bliss

6N / 7D ยท Bali ยท Couple

โœˆ Flights๐Ÿจ Stay๐Ÿฝ Brkfast๐Ÿš Transfers
โ‚น54,300
โ‚น40,200 / pax
+ โ‚น4,800 taxes ยท EMI from โ‚น3,425/mo
โ˜… 4.9 (211)5 seats left

Global UI elements

Persistent on every page above 1024px (rail) / on every page on mobile (bottom bar) / footer of viewport (booking ticker).

Motion

Always subtle. Always respects prefers-reduced-motion.

Pages in this build

Eight pages + this design system.