Airbnb

一个面向独特住宅与体验的全球数字市场。

高对比度的中性色建立清晰度与信任感，搭配单一的醒目的强调色以驱动转化并引导用户关注关键操作。

geometric-sans

• display32px · 700
• heading22px · 600
• body16px · 400
• caption14px · 400

采用一致的4px基础单位，交互元素周围留有充裕的内边距，内容块之间具有清晰的垂直韵律。

1px solid rgba(0,0,0,0.1)

0px 2px 8px rgba(0,0,0,0.15)

一个干净的网格布局，包含顶部导航栏、浮动搜索栏以及用于房源列表的水平滚动卡片行。

卡片轮播采用平滑的水平滚动 · 模态遮罩采用细微的淡入淡出过渡

卡片悬停时产生细微的阴影提升效果，交互元素出现轻微的透明度变化。 · 通过状态变化（例如填充的心形图标）提供视觉反馈。

• button 药丸形状，采用纯色背景或白色背景上的黑色文本，优先提供明确的行动号召。
• card 以图片为核心的圆角卡片，图片下方展示房源详情、价格和评分。
• chip 小型药丸状标签（例如'宾客最爱'），叠加在图片上方或置于内容之上。
• input 大型圆角搜索框，带有清晰的标签和醒目的搜索按钮。
• hero 一个大型的浮动搜索栏，锚定在顶部附近，作为主要的交互元素。

• 语气 友好、乐于助人且值得信赖。
• 标题风格 直接且描述性强，聚焦于目的地与价值。
• 按钮文案 简洁且以动作为导向（例如'搜索'、'知道了'）。

• 不要使用多种明亮的强调色——截图显示在中性调色板上使用单一的品红色强调色。
• 不要使用高度装饰性或花体字体——截图显示的是干净、易读的几何无衬线字体。
• 不要使用尖锐、复杂的圆角半径——截图显示卡片和按钮采用一致、柔和的圆角。
• 不要隐藏价格或评分——截图在每张卡片上都醒目地显示了每晚费用和星级评分。
• 不要为主要内容区域使用深色背景——截图显示主要使用白色和浅灰色背景。
• 不要用不必要的边框使界面显得杂乱——截图使用间距和细微的阴影进行分隔。
• 避免: 复杂的行话
• 避免: 侵略性的销售语言
• 避免: 过于正式或技术性的语气

历史提取与模型分析 · 尚未逐项校验