pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Home
暖白色基底、手绘图形与渐变图像。
页面以暖白色为基底，搭配深蓝色文字。字体采用 Mabry Pro、Helvetica Neue。视觉特点包括手绘图形、渐变图像、大字排版、细线分隔。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每页每个板块至少使用三色渐变（电紫 → 洋红 → 日落珊瑚）应用于一个标题——这是品牌最显著的视觉特征
- 首屏展示标题在 Mabry Pro 字重 500 下设定为 69–83px，行高为 0.93–0.95——紧凑的行距是使文字呈现海报感的关键
- 所有 Mabry Pro UI 文字（导航、按钮、标签）在 16–20px 字号下应用 0.2em 字间距——缺少它，文字将显得普通而非编辑风格
- 所有 UI 圆角保持 4px——锐利的 4px 角度是系统默认值，不应扩大至 8px 或转为胶囊形
- 将柔粉色 奶油画布（#f3eae5）与纯白色卡片表面搭配使用，仅此组合——禁止将白色作为页面背景，否则会破坏纸张质感
- 在浅色区域中，仅使用珊瑚红（#ff7e85）作为填充按钮的背景色，深色首屏的透明白处理保留为例外
- 让插图延伸至板块边缘并占据至少 50% 的分栏宽度——品牌不主张装饰性克制
建议避免
- 禁止为卡片、按钮或板块添加阴影——系统依赖色彩对比和奶油画布实现区分，而非立体阴影
- 禁止将柔和水洗色（#fdd7f5、#bdedd5、#fdd5c3）作为全页背景——这些仅用于装饰性插图区域
- 禁止引入第二套正文字体——Helvetica Neue 是唯一的正文字体；所有展示与 UI 字体均为 Mabry Pro
- 禁止将按钮圆角扩展至 9999px 胶囊形状——4px 圆角是品牌特征，必须保留
- 禁止在正文文本中使用 #000000——所有浅色背景上的正文必须使用 Graphite（#3e3c43）以获得更温暖、柔和的阅读体验
- 禁止使用冷蓝色或灰色的行动号召按钮——唯一填充按钮颜色是温暖的珊瑚色，整体页面温度应保持温暖
- 禁止将渐变填充应用于正文或小字号文本——该效果仅限于 27px 及以上标题，因为其颜色停顿有足够空间展开
