Airbnb 是连接全球房东与旅行者的住宿体验平台。其界面以 Rausch 珊瑚粉（#ff385c）为唯一品牌强调色，只用于主 CTA 与搜索按钮；4:3 与 16:9 的满幅摄影配 14-20px 圆角是主要视觉词汇，3D 渲染的分类图标是全系统唯一允许插画的地方，圆形 50% 图标按钮（返回、分享、收藏、轮播箭头）散布各处，Airbnb Cereal VF 一款字体从 8px 脚注管到 28px 标题。适合旅游、房产与摄影驱动的市场平台。
电商与零售编辑与印刷
提示词模板
基础模板
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 编程工具使用。