Name: Dembrandt
Author: Dembrandt

Airbnb

Online marketplace for lodging and experiences

Image gallery lazy loading

Stripe Linear Notion OpenAI Tesla Airbnb Figma Slack Uber Apple Raycast Krea AI Family Oura Nike Duolingo Arc Perplexity AI Anthropic Vercel Cursor

Observed with Dembrandt. Showing a simplified version — the full output includes button states, gradients, animations, and more. Try the CLI for complete results.

Design tokens observed from publicly visible CSS. Dembrandt does not host, copy, or redistribute any brand assets.

Colors

#ff385c

#222222

#717171

#f7f7f7

#008489

#ffffff

Typography

Cereal, Circular, sans-serif

hero:32px / 800

body:16px / 400

button:14px / 600

Shadows

Spacing

4px8px12px16px24px32px

Border Radius

8px

12px

50%

Button States

React + Next.js

Default

#ff385c

Hover

#e00b41

Active

#c40036

radius: 8pxpadding: 14px 24px

output.json

{
  "url": "airbnb.com",
  "colors": [
    "#ff385c",
    "#222222",
    "#717171",
    "#f7f7f7",
    "#008489",
    "#ffffff"
  ],
  "typography": {
    "fontFamily": "Cereal, Circular, sans-serif",
    "hero": "32px / 800",
    "body": "16px / 400",
    "button": "14px / 600"
  },
  "shadows": [
    "0 1px 2px rgba(0,0,0,0.08)",
    "0 6px 20px rgba(0,0,0,0.12)",
    "0 16px 40px rgba(0,0,0,0.2)"
  ],
  "spacing": [
    "4px",
    "8px",
    "12px",
    "16px",
    "24px",
    "32px"
  ],
  "borderRadius": [
    "8px",
    "12px",
    "50%"
  ],
  "buttons": {
    "default": {
      "bg": "#ff385c",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#e00b41",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#c40036",
      "text": "#ffffff"
    },
    "radius": "8px",
    "padding": "14px 24px",
    "framework": "React + Next.js"
  }
}

$npx dembrandt airbnb.com