pampam.city
暖白色基底、胶囊形控件与圆角卡片。
PostHog
浅色基底、细线分隔与等宽字体。
页面以浅色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Open Runde、IBM Plex Sans Variable。视觉特点包括细线分隔、等宽字体。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 使用 Sandy Desk（#e1d7c2）作为页面画布 —— 严禁使用纯白色或灰色作为外层背景
- 所有卡片、按钮和输入控件均使用 4px 圆角 —— 这是系统的标志性形状选择，任何偏离都会破坏操作系统隐喻
- 使用 1px 实线 #bfc1b7 边框进行元素分隔，而非阴影；该系统不存在悬浮卡片
- 每页使用 Amber Glow（#eb9d2a）作为主要 CTA，使用 Burnished Gold（#b17816）描边的按钮用于次要操作
- 在 18px 及以上所有 Open Runde 文字中应用 -0.025em 字间距，以保持紧凑、紧密的视觉感受
- 标题和正文使用 Open Runde，UI 控件和导航使用 IBM Plex Sans，代码使用 ui-monospace —— 严禁角色混用
- 仅使用 Signal Blue（#2f80fa）用于激活状态、活跃链接以及‘由 AI 驱动’的高亮部分 —— 这是系统中唯一的蓝色
建议避免
- 不要为卡片或窗口添加阴影 —— 该系统通过细线边框而非深度来构建结构
- 不要在容器上使用大于6px的圆角 — 4px是常规值，更大的圆角会破坏‘纸张瑕疵’的隐喻
- 不要引入新的色彩强调色 —— 系统仅使用四种色彩：Signal Blue、Amber Glow、Flame Orange、Moss Green
- 不要将纯白色（#ffffff）用作页面背景 — 必须使用Sandy Desk（#e1d7c2）或 亚麻色/奶油色 范围内的表面停顿色
- 不要在 UI 控件中使用 PostHog 谱梯度 —— 该梯度仅用于标志文字和装饰性文本
- 不要在任何大于标签的元素上使用圆润的胶囊形（9999px） —— 胶囊形仅用于小型状态指示器
- 不要使用纯黑色（#000000）作为文本颜色 —— 始终使用 Deep Moss（#23251d）以保持系统略带温暖的特质
