pampam.city
暖白色基底、胶囊形控件与圆角卡片。
boords.com
近白色基底、产品图像展示与居中构图。
页面以近白色为基底，搭配近黑色文字。字体采用 matter。视觉特点包括产品图像展示、居中构图、网格布局、单栏阅读排版。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 将 #fafaf5 作为页面底图使用——温暖的奶油色是品牌的标志性表面，基底层绝不能被纯白色替代。
- 将 #e8aa42 专用于每个视图中的单一主要行动号召按钮。禁止使用次级琥珀色按钮，禁止在与行动号召按钮同框的区域出现琥珀色图标。
- 所有卡片、按钮、输入框和图像默认使用6px圆角。9999px仅用于胶囊形标签，以及可选的胶囊形按钮变体。
- 仅在小型大写字母眉题和标签上应用正字间距（0.05–0.1em）。正文和展示文本使用正常字间距。
- 保持界面扁平：各层之间使用 1px #cecdca 边框分隔，不使用阴影。唯一可接受的阴影为 rgba(0,0,0,0.1) 0px 2px 8px，仅用于浮动的产品截图。
- 正文使用 matter 400，UI 和链接使用 matter 500，标题使用 matter 600–700。绝不将 matter 设置低于 400——轻量级字重会使字体失去特征。
- 仅在黑暗的开发者区域（API 端点和代码）中使用 ui-monospace。正文始终使用 matter。
建议避免
- 不要将 #ffffff 用作页面背景——奶油底面（#fafaf5）是品牌标志色，绝不能被纯白色替代。
- 不要将 #214c7（叙事板蓝色）用于行动号召按钮——它仅用于链接、状态徽章和信息性点缀。行动号召按钮始终为琥珀色。
- 不要为卡片或面板添加阴影——使用 1px 边框或奶油色到白色的表面差异来实现分隔。
- 不要为卡片或面板设置超过 12px 的圆角——6px 是最大标准圆角。更大的圆角会破坏扁平、工作空间般的质感。
- 不要将色彩作为装饰使用——每个饱和色必须服务于功能（行动号召、链接、状态、图标强调）。
- 不要将深色区域扩展到开发者/API 区域之外——界面其余部分应保持在奶油色和白色上。
- 不要在代码块和语法高亮上下文中之外使用排除内容/代码色（#e5f2d5, #f8dfe6, #ffd1c9, #b6defa）。
