pampam.city
老探险家的笔记本，搭配温暖的奶油色背景
Intercom
温暖奶油色的编辑跨页
Intercom 的设计语言像印在温暖奶油色纸上的编辑杂志：灰白画布（#faf9f6）取代冷调 SaaS 灰色，正文与展示文字均采用 300 字重，以极轻的笔画表达自信；单一鲜明紫罗兰色（#0007cb）以少量、刻意的点缀承担几乎所有彩色表达。所有控件的锐利 4px 圆角拒绝柔软圆润的趋势，强调建筑般的精确；宽字间距的 SaansMono 构成标签系统，像印刷品中的图注与标记。300 字重的 Serrif 出现在正文中，作为安静的编辑式对照，是这套克制系统对字体丰富性的唯一让步。组件轻盈无重：温暖石色（#dedbd6）的细线边框、没有装饰阴影，以及能够稳定画面却不显沉重的黑色填充主按钮。
查看原始网站使用规范
建议采用
- 所有展示标题采用 300 字重，而不是 400 或 700；低声般的轻字重是品牌最鲜明的选择。
- 默认页面背景使用温暖奶油色（#faf9f6），不用纯白或冷灰；这种温暖感不可妥协。
- 所有标签、标记或微型文案使用 12px 的 SaansMono，字间距为 1.2px。
- 填充主按钮使用黑色（#000000），不用品牌紫罗兰色，也不用带色调的中性色。
- 统一使用 4px border-radius；按钮、导航、卡片、输入框和标签均采用同样锐利的圆角。
- 展示标题可达到 80px，行高 0.95，字间距 -2.4px；极大的字号配合轻字重，需要紧密字间距才能保持可读。
- 在正文中将 Saans 展示字体与 Serrif 300 配对，在同一字重范围内形成编辑式对比。
- 节制使用鲜明紫罗兰色（#0007cb）：每屏最多一次或两次，只以小面积用于图标、强调链接和标签点缀等功能位置。
- 区块垂直间距设为 64–96px，形成缓慢、编辑式的页面节奏。
- 第三方客户标志统一转为灰度（#b8b8b8 或 #888888），保持系统的色彩纪律。
建议避免
- 展示文字不能使用 700 或更高字重；300 字重的轻声表达构成整个视觉身份。
- 主页面画布不能使用纯白（#ffffff），始终使用温暖奶油色（#faf9f6）。
- border-radius 不能超过 4px；不能使用 8px、12px 或 9999px 胶囊圆角。
- 中性色不能使用偏蓝的冷灰；所有灰色都应带暖底调，才能融入奶油色系统。
- 品牌紫罗兰色不能填充按钮；它是强调色，不是操作色。
- 卡片、按钮和面板不能使用阴影或投影；深度来自背景色调变化，而非悬浮层级。
- 客户标志不能使用其原生品牌色；只用灰度，避免色彩污染。
- 区块之间不能添加强硬分隔线；通过背景色调与间距建立分隔。
- 正文不能大于 20px 或小于 14px；编辑式字号范围应保持紧凑。
- 不能使用渐变；整个系统平面、温暖，除表面色调递进外不使用纹理。
