pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Hopper
浅色基底、大幅摄影展示与胶囊形控件。
页面以浅色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Proxima Nova。视觉特点包括大幅摄影展示、胶囊形控件、文字主导、分屏构图。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 使用 #ffffff 作为内容表面的默认颜色，大型中性区块区域可选用 #f6f6f6 或 #ededed。
- 使用 #111111 作为标题颜色；将区块标题设为 20px/28px 字重 700，卡片标题设为 24px/32px 字重 700，应用推广标题设为 32px/40px 字重 800。
- 使用 #1878ec 作为搜索提交、目的地链接及紧凑推广表面的颜色。
- 水平首屏控件和搜索区域使用 1000px 或 9999px 的圆角半径。
- 大型摄影首屏框和蓝色推广标签使用 32px 圆角。
- 在搜索字段之间及有边框卡片边缘使用 1px 实线 #d9d9d9 分隔线。
- 通用控件的内边距保持 8px 垂直，水平方向为 12px；相关性高的控件之间使用 8px 间距。
建议避免
- 不要为 #f6f6f6 卡片或 #1878ec 推广标签添加阴影效果。
- 不要将 #1878ec 用作页面背景；仅限用于链接、搜索提交及局部推广区域。
- 不要将首屏导航的透明白色处理替换为深色文字或填充深色按钮。
- 不要在首屏图片上使用锐利的边角；保持 32px 的图片圆角。
- 不要使用超过 1px 的 #d9d9d9 边框进行结构分隔。
- 导航、登录或行程链接的字重不得低于 16px/24px 600。
- 不要将搜索字段变为独立的圆角输入框；保持共享的白色胶囊表面和 0px 字段圆角。
