Peggy
近白色基底、细线分隔与宽松留白。
Airbnb
近白色基底、胶囊形控件与紧密字距。
页面以近白色为基底，搭配近黑色文字。字体采用 Airbnb Cereal VF。视觉特点包括胶囊形控件、紧密字距、细线分隔、网格布局。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 正文文字设为 14px/400，使用 Hof（#222222）配色，行高 1.43——这是内容的核心结构。
- 仅使用 Rausch（#ff385c）作为品牌标志、搜索提交、激活收藏心形、每个页面的一个主要操作动作。不使用其他红色。
- 为所有房源卡片图片设置 12px 圆角，并允许其溢出至卡片边缘——图片与下方文字之间不设内边距。
- 搜索栏、胶囊按钮、收藏心形按钮以及圆形图标按钮使用 border-radius: 9999px；房源卡片使用 12px，透明描边按钮使用 8px。
- 区块标题设为 22px/500，字间距 -0.0200em——该尺寸下紧密的字间距是几何无衬线字体的典型特征。
- 页面整体背景设为 #f7f7f7，卡片背景设为 #ffffff，通过色彩对比而非阴影实现层级感。
- 保持房源图片在卡片内完全铺满——无边距，照片周围不设装饰边框。
建议避免
- 不引入除 Rausch 以外的强调色——界面的 0% 色彩饱和度是刻意设计的；任何额外色彩都会稀释品牌调性。
- 房源卡片不使用阴影。视觉系统通过空白与扁平表面来区分内容，而非通过立体感。
- 正文文字不得低于 12px——最小尺寸为 11px，仅用于徽章类元素。
- 不使用不一致的圆角——系统中卡片仅有两种尺寸（12px 和 14px），交互控件全圆角统一为 9999px。
- 房源卡片不设边框。内容分隔来自浅灰背景与白色卡片表面的对比，而非线条。
- 不将 Rausch 应用于文字或装饰元素——它是动作色，而非用于背景或标题的品牌配色。
- 正文或元数据文字不使用粗体（700）——700 仅用于 28px 页面标题和 21px 卡片标题强调；其余一律为 400–600。
