pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Memorisely
近白色基底、紧密字距与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Inter。视觉特点包括紧密字距、细线分隔、扁平表面、居中构图。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 将页面画布设为 #faf9f6（温暖的羊皮纸）——永远不要使用纯白色作为页面背景；纯白色仅用于卡片表面和浮动导航栏。
- 使用 #171717 作为主要文本和主要操作按钮的填充色——共享的接近黑色是让单色系统显得有意识而非默认的原因。
- 将展示标题设为 56px / Inter 600 / -3.36px 字间距；在大字号上的紧密负字间距是其标志性特征。
- 使用8px圆角用于卡片和大多数按钮，100px用于圆点（导航、徽章、标签），16px用于产品图片卡片——这三个圆角值覆盖整个系统。
- 使用 1px #f2f0e9 的细线边框或从奶油到白色的表面跃迁来分隔区块，而不是使用阴影。
- 保持所有间距遵循 10px 元素间距 / 16px 卡片内边距 / 80px 区块间距的节奏；组件内部应感觉紧凑，组件之间则应感觉宽敞。
- 所有公司标志和次要图像均以灰度（灰度 #878787 范围）呈现，以保持零色相的调性。
建议避免
- 不要引入任何色相——该系统刻意保持无色相。没有蓝色链接，没有绿色成功状态，没有红色错误强调。应使用灰度的字重变化来替代。
- 不要在展示或标题字号上使用 0px 字间距——负字间距（-0.04em 到 -0.06em）才是 Inter 在大尺寸下呈现紧致、高端阅读的关键。
- 不要为超出三个标志性用途（导航环、按钮环、产品图片发光）之外的层级添加阴影。该系统默认是扁平的。
- 不要将 Inter 字重设为高于 600——字重阶梯止于半粗体；升级到 700/800 会破坏排版的克制性。
- 不要在交互元素上使用低于 8px 的圆角；4px 或 0px 的圆角会显得不同（更锐利、更企业化）。
- 不要将 #ffffff 用作页面背景——这会削弱整个站点温暖羊皮纸的质感。
- 不要堆叠同色系的多个表面（例如白色卡片置于白色区块上）——从奶油到白色的跃迁是唯一的表面层级提升方式。
