pampam.city
暖白色基底、胶囊形控件与圆角卡片。
SaveDay
白色基底、渐变展示与大字排版。
页面以白色为基底，搭配近黑色文字。字体采用 Phudu、InterDisplay。视觉特点包括渐变展示、大字排版、细线分隔、居中构图。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 所有首屏或区块开头标题使用 Phudu 700 字重，字号 56px 或以上，行高 0.90，字间距不松于 -0.02em
- 全宽特征带使用 #fbda5f、#edeef0 或 #000000 颜色，圆角 30px，内边距 24-48px —— 让色带完成边框的职责
- 所有胶囊控件（CTA、商店按钮、标签）使用 160px 圆角，所有矩形卡片使用 24-30px 圆角 —— 严禁将胶囊控件与方形按钮混用
- 所有展示文本居中对齐，仅在卡片内或 FAQ 行中正文内容左对齐
- 正文文本在 16-18px 时字间距收紧至 -0.018em 至 -0.024em —— 负值字间距是让无衬线字体显得刻意而非默认的原因
- 将 #006aff 专用于商店徽标图标和次级链接；禁止用作区块填充或主要 CTA 背景
- 交替使用浅色 → 黄色 → 黑色的区块带以形成节奏感；眼睛应始终能明确感知自身所在位置
建议避免
- 不要为特征带或导航元素添加投影阴影 —— 系统仅有一个阴影，且仅用于偶尔提升的卡片
- 不要将 #006aff 用作填充按钮背景或区块带填充
- 不要在正文文本中使用 Phudu 字体 —— 仅将 Phudu 保留用于展示/标题尺寸（24px 以上）
- 不要使用多列布局破坏海报节奏；保持文本块居中且狭窄
- 不要引入第三种强调色 —— 该系统基于一种黄色、一种蓝色和灰度色系；额外色彩会削弱高亮笔的隐喻
- 不要为矩形内容卡片使用完全圆角按钮（1600px），也不要为胶囊控件使用 24px 圆角 —— 圆角尺度应根据角色区分
- 不要为‘微妙’文本降低对比度 —— Mist (#999999) 为最低标准；任何更浅的颜色在纸背景上均无法满足可访问性要求
