pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Eat Real Food
暖白色基底、大字排版与居中构图。
页面以暖白色为基底，搭配近黑色文字。字体采用 Die Grotesk D、Die Grotesk B。视觉特点包括大字排版、居中构图、网格布局、视频展示。适合参考的场景：健康产品介绍页、服务展示页。
查看原始网站使用规范
建议采用
- 将奶油底布 #fdfbee 作为所有正文内容的默认页面背景
- 仅将 #d50000 用于统计数据、重点数据和警报级提示——绝不用于装饰或品牌标识
- 使用 Die Grotesk D 字重 700，字号 96px 或更大，用于首屏和节段开头标题，行高不超过 0.96
- 所有按钮和交互胶囊控件的边框半径设为 40px，以保持系统柔和圆润的风格
- 使用 Geist Mono 字体，字间距增加 +0.06em，用于标签、标签和机器打印的元数据
- 对任何需要与奶油底布分离的抬升白色表面，应用双层卡片阴影（10px/40px + 20px/60px）
- 正文文本保持 16–21px，Die Grotesk A 字重 400，字间距 -0.02em 至 -0.03em
建议避免
- 不要引入额外的彩色——色彩调性为压印墨水、羊皮纸中性色，以及一个警戒红
- 正文或背景不要使用 #000000——始终使用更暖的 #110000
- 不要将警戒红（#d50000）用于按钮、链接或导航——仅用于数据块
- 按钮或卡片不要使用锐利的边角（0–4px 半径）——系统以胶囊形和圆润柔软为特征
- 首屏标题的行高不要设为标准值（1.2 以上）——紧密堆叠（0.84–0.96）是其标志
- 不要在深色区域使用厚重的阴影——近黑色表面应感觉平实、印刷感，而非浮起
- 不要使用摄影营造装饰性氛围——图像应承载内容（数据、视频、示意图）或完全不出现
