pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Heptabase
白色基底、产品图像展示与胶囊形控件。
页面以白色为基底，搭配深灰色文字。局部操作控件以蓝色强调。字体采用 Instrument Sans、Inter。视觉特点包括产品图像展示、胶囊形控件、宽松留白、插画元素。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 使用蛋壳色画布 #fdfcfb 作为默认页面和导航界面的底色。
- 标题文字使用 Instrument Sans 500 字重，字间距 -1.58px，字号 48px，行高 62.4px。
- 使用 Graphite #2e2e2e 填充色，搭配 9999px 半径，用于公共转化按钮。
- 保持标准卡片为扁平设计：12px 圆角，24px 内边距，无阴影。
- 内部控件间距基于 4px 基础单位构建；图标与标签之间及同级控件之间的间距使用 8px。
- 仅在链接和小型活跃产品界面元素中使用 Research Blue #207dff。
- 轻色表面之间使用 1px rgba(0,0,0,0.08) 或 Linen Border #e4ded3 分隔，而非大面积的灰色块。
建议避免
- 不要将 Research Blue #207dff 用作通用的填充型转化按钮。
- 不要将首屏展示标题的字重设置得比 Instrument Sans 500 更重。
- 不要用 6px 圆角矩形替代 9999px 圆角的转化按钮胶囊。
- 不要在标准 12px 内容卡片上添加阴影。
- 不要在 Eggshell Canvas #fdfcfb 可用时，以纯白色作为页面主画布。
- 不要将主要区块压缩在 128px 以下的区块间距之下。
- 不要在营销界面中引入渐变；颜色应集中于产品图像和小型徽章图形。
