BNB Pilot Design System

Buttons

Primary Buttons

Button Variants

Icon Buttons

States

Badges

Semantic Badges

Primary Success Warning Error Info Neutral

Platform Badges

Airbnb Booking.com Direct

With Dot

Active Pending Cancelled

Cards

Base Card

This is a base glassmorphism card with standard elevation.

Elevated Card

This card has more prominent shadow and stands out more.

Interactive Card

Hover over this card to see the lift effect.

Gradient Border

Premium card with gradient border effect.

Form Elements

Choose a unique name for your property
€

Skeleton Loaders

Tabs

Overview content goes here

Toast Notifications

Modal