Airbnb 是連結全球房東與旅客的住宿體驗平台。其介面以 Rausch 珊瑚粉（#ff385c）為唯一品牌強調色，只用於主 CTA 與搜尋按鈕；4:3 與 16:9 的滿版攝影搭配 14-20px 圓角是主要視覺語彙，3D 渲染的分類圖示是全系統唯一允許插畫之處，圓形 50% 圖示按鈕（返回、分享、收藏、輪播箭頭）散布各處，Airbnb Cereal VF 一款字型從 8px 註腳管到 28px 標題。適合旅遊、房產與攝影驅動的市場平台。
Airbnb電商與零售
提示詞範本
基礎範本
Design a Airbnb-inspired interface. - Rausch coral-pink (#ff385c) as a single-accent brand color, used only for primary CTAs and the search button; - Full-bleed photography at 4:3 / 16:9 with gentle corner rounding (14–20px) as the primary visual vocabulary; - 3D rendered category icons paired with typographic tabs — the one place the system allows illustration; - Circular 50% icon buttons (back arrow, share, favorite, carousel arrows) scattered throughout; - Airbnb Cereal VF carries every label, from 8px legal footnote to 28px section heading — a single-family system. Colors: #ff385c, #e00b41, #92174d, #460479 with #ff385c accent. Typography: ("Reserve".變體提示詞
📱 行動裝置
Design a mobile app with Airbnb aesthetics. Use Airbnb color identity with #ff385c accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Airbnb style. Use Airbnb color identity with #ff385c accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Airbnb design language. Use Airbnb color identity with #ff385c accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Airbnb visual identity. Use Airbnb color identity with #ff385c accents. Compelling, conversion-focused.
使用範例
Airbnb 應用程式
Web 端Build a web app with Airbnb design language and #ff385c color system.
Airbnb 儀表板
儀表板Create a dashboard using Airbnb style with data visualization and ("Reserve" typography.✅ 適用情境
- 電商情境
- 旅遊與民宿預訂平台
- 需要攝影敘事的品牌頁
❌ 不適用情境
- 重型企業後台
- 資料密集型主控台
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。