pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Voicenotes
近白色基底、胶囊形控件与衬线字形。
页面以近白色为基底，搭配近黑色文字。字体采用 InstrumentSerif-Regular、Inter。视觉特点包括胶囊形控件、衬线字形、居中构图、产品图像展示。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有全页布局的默认背景色使用 #faf9f5，禁止使用纯白色 #ffffff 作为画布。
- 标题使用 Instrument Serif 字体，字号 60-80px，字间距 -0.02em，行高 1.17，以增强编辑性表现。
- 所有正文和界面文本使用 Inter 字体，根据强调程度选择字重：400 用于正文，500 用于按钮/标签，600 用于标题，700 仅用于 10px 的徽章。
- 所有按钮、标签及胶囊形交互元素的圆角半径统一为 9999px。
- 卡片和内容容器的圆角半径为 12-16px —— 严禁使用尖角。
- 色彩使用仅限于 #34c759，用于状态点、信任勾号和合规徽章。
- 仅在需要与白色卡片区分时，谨慎使用 #eaf2f8 轻度色调处理信息面板。
建议避免
- 除 #34c759 之外，禁止引入任何品牌主色——系统整体刻意保持近单色。
- 禁止使用阴影实现层级感——应改用边框（#e5e7eb、#cbcac7）和表面色对比。
- 禁止将正文文本在 Inter 400 中设置低于 14px，或在任何字重中低于 10px。
- 禁止将 Instrument Serif 用于 UI 文本、标签或小于 20px 的内容——该字体在小字号下可读性下降，也失去了其编辑属性。
- 禁止对超过两行的正文段落或卡片内容进行居中对齐——衬线字体用于展示，而非正文。
- 禁止将 #0d0d0d 按钮填充用于除单个页面主操作之外的任何情况。
- 单个组件家族中，禁止同时使用两个以上的圆角值——请选择胶囊形（9999px）或卡片形（12-16px），不可兼用。
