{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/airbnb/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/airbnb/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://airbnb.com/"
  },
  "identity": {
    "id": "P0-59",
    "slug": "airbnb",
    "brand": "Airbnb",
    "titleZh": "Airbnb 主题",
    "titleEn": "Airbnb",
    "descriptionZh": "Airbnb 的 Design.md 主题展示，围绕平台市场、媒体内容、暖色调、消费品牌组织页面。",
    "descriptionEn": "Travel marketplace. Warm coral accent, photography-driven, rounded UI."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "marketplace",
      "request-flow",
      "media",
      "warm"
    ],
    "designTags": [],
    "distributionTags": [
      "平台市场",
      "媒体内容",
      "暖色调",
      "消费品牌",
      "电商零售",
      "品牌展示",
      "移动端",
      "内容货架",
      "趣味互动"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/airbnb/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/airbnb/tw.css"
    },
    "tokens": {
      "path": "assets/tokens.json",
      "method": "derived_from_design_md_and_metadata"
    },
    "cover": null,
    "previewHtml": {
      "type": "local-preview",
      "path": "assets/official-homepage.webp",
      "publicPath": "assets/official-homepage.webp",
      "importPath": "./assets/official-homepage.webp?url",
      "sourcePath": "assets/official-homepage.webp"
    }
  },
  "tokens": {
    "palette": [
      "#000000",
      "#ff385c",
      "#e00b41",
      "#c13515",
      "#ffd1da",
      "#b32505",
      "#460479",
      "#92174d",
      "#222222",
      "#3f3f3f",
      "#6a6a6a",
      "#929292"
    ],
    "typography": {
      "display": "Airbnb Cereal VF",
      "body": "Circular",
      "mono": "ui-monospace",
      "hints": [
        "Airbnb Cereal VF",
        "Circular",
        "ui-monospace",
        "Roboto",
        "Helvetica Neue",
        "Inter"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "14px",
      "preview": "32px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "base": "16px",
      "lg": "24px",
      "xl": "32px",
      "xxl": "48px",
      "section": "64px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "Airbnb 主题",
    "brandAlias": "Airbnb",
    "description": "Airbnb 的 Design.md 主题展示，围绕平台市场、媒体内容、暖色调、消费品牌组织页面。",
    "descriptionEn": "Travel marketplace. Warm coral accent, photography-driven, rounded UI.",
    "variant": "consumer-commerce",
    "distributionTags": [
      "平台市场",
      "媒体内容",
      "暖色调",
      "消费品牌",
      "电商零售",
      "品牌展示",
      "移动端",
      "内容货架",
      "趣味互动"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#000000",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#ff385c",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#e00b41",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#ffffff"
      },
      {
        "color": "#c13515",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#ffd1da",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#171717"
      },
      {
        "color": "#b32505",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#460479",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#92174d",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#222222",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#ffffff"
      },
      {
        "color": "#3f3f3f",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#ffffff"
      },
      {
        "color": "#6a6a6a",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#ffffff"
      },
      {
        "color": "#929292",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [
      {
        "label": "阴影 1 - Shadow 1",
        "value": "box-shadow: rgba(0,0,0,0.02) 0 0 0 1px, rgba(0,0,0,0.04) 0 2px 6px, rgba(0,0,0,0.1) 0 4px 8px",
        "cssValue": "box-shadow: rgba(0,0,0,0.02) 0 0 0 1px, rgba(0,0,0,0.04) 0 2px 6px, rgba(0,0,0,0.1) 0 4px 8px",
        "description": "The design system caps elevation at one shadow tier (`box-shadow: rgba(0,0,0,0.02) 0 0 0 1px, rgba(0,0,0,0.04) 0 2px 6px, rgba(0,0,0,0.1) 0 4px 8px`) — used on hover-floated cards and search/account dropdowns."
      },
      {
        "label": "阴影 2 - Shadow 2",
        "value": "box-shadow: rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",
        "cssValue": "box-shadow: rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",
        "description": "Card hover float: `box-shadow: rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0` — applied to property cards on pointer hover, the search bar at rest, and the dropdown menus (account menu, language picker, date picker). This is the single shadow definition in the entire system."
      }
    ],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#dddddd",
        "cssValue": "#dddddd",
        "description": "hairline: \"#dddddd\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#ebebeb",
        "cssValue": "#ebebeb",
        "description": "hairline-soft: \"#ebebeb\""
      },
      {
        "label": "边框 3 - Border 3",
        "value": "#c1c1c1",
        "cssValue": "#c1c1c1",
        "description": "border-strong: \"#c1c1c1\""
      }
    ],
    "typography": [
      "Airbnb Cereal VF",
      "Circular",
      "ui-monospace",
      "Roboto",
      "Helvetica Neue",
      "Inter"
    ],
    "previewImages": [
      {
        "type": "local-preview",
        "path": "assets/official-homepage.webp"
      }
    ],
    "panels": [
      {
        "eyebrow": "品牌",
        "title": "第一眼识别明确",
        "body": "适合消费品牌、电商、媒体和产品展示页。"
      },
      {
        "eyebrow": "Token",
        "title": "颜色与字体可复用",
        "body": "页面从本地 metadata 与 Design.md 提取 palette、typography 和标签，用于快速预览主题质感。"
      },
      {
        "eyebrow": "组件",
        "title": "面向真实界面片段",
        "body": "按钮、输入、卡片和间距样例保持克制，便于比较不同主题的系统性差异。"
      }
    ],
    "radius": {
      "control": "8px",
      "card": "14px",
      "preview": "32px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "base": "16px",
      "lg": "24px",
      "xl": "32px",
      "xxl": "48px",
      "section": "64px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "doing",
    "collectionErrors": []
  }
}
