pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Pirsch Analytics
暖白色基底、圆角卡片与细线分隔。
页面以暖白色为基底，搭配近黑色文字。字体采用 DM Sans。视觉特点包括圆角卡片、细线分隔、网格布局、产品图像展示。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 使用 #ffda6（阳光高亮）作为每个页面的单一主要 CTA；绝不将其大面积填充于表面或背景。
- 使用 1px #000000 细线边框，半径 24px 定义卡片和标签——绝不使用阴影或投影来实现层级感。
- 将展示标题设为 64px DM Sans 500，字间距 -0.016em；这是每个区块的编辑锚点。
- 仅用于步骤徽章和小标签，使用大写 DM Sans 500，字间距 +0.286em；正文内容保持无字间距。
- 保持奶油色（#f8f5ed）画布在各区块间连续统一——通过间距和边框粗细变化营造节奏，而非背景颜色。
- 全局激活 DM Sans 的风格替代字形 'ss03' 和 'ss04'；它们承载了人文主义特质，使系统具有编辑感。
- 将 #6ece9d（青色信号）保留用于状态点和正向状态芯片；它是一种信号，而非品牌色。
建议避免
- 不要添加阴影、模糊或任何形式的边框投影——系统刻意保持扁平，如同墨水在纸上。
- 不要引入第二套正文字体或衬线字体——DM Sans 多字重构成整个字体体系的唯一声音。
- 不要使用纯白色（#ffffff）作为表面——奶油色 #f8f5ed 是画布，白色会破坏纸本隐喻。
- 不要在小字号正文使用黄色（#ffda6e）——其与奶油色的对比度在小字号下会低于可读阈值。
- 不要将绿色（#6ece9d）用作 CTA 或按钮背景——它是一种状态信号，而非操作色。
- 当 #707070 已经清晰易读时，正文或图注不要设为 #000000，墨色只留给标题和强调。
- 不要添加渐变、图像叠加或装饰性填充——系统为纯色、1px 线条和一个主色高亮。
