pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Poly
近白色基底、网格布局与渐变展示。
页面以近白色为基底。字体采用 Haffer Variable、Bogue。视觉特点包括网格布局、渐变展示、细线分隔、衬线字形。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- Ember Gradient #f4824d → #f42919 只用于品牌标记和标志，绝不用在功能界面、插画或按钮填充中。
- 每个圆角设为 8px，包括卡片、按钮、标签和图片容器。
- 每个30–53px展示标题采用Haffer Variable、450字重，并设置font-feature-settings: 'liga' on, 'ss04' on。
- 区域以细线 Graphite #292930 边框分隔，而非投影。
- 完整排版系统应用 -0.02em 字间距，统一衬线与无衬线家族。
- 区块间距保持 48–69px，保留编辑呼吸节奏。
- 首屏和区块分隔使用自然光、自然材质的暖满幅摄影。
建议避免
- 不要引入 Ember Gradient 之外任何彩色，色板刻意单色。
- 卡片或表面浮起不要用投影，边框承担分隔。
- 展示文字不要用 Inter，展示属于 Haffer 450，绝不低于 30px。
- 圆角只用 8px，无胶囊、尖角或 12px、16px 变体。
- Ember Gradient 不要用于按钮、背景或悬停状态，它只属于品牌身份。
- 正文 Onyx 文字不要浅于 #292930，Porcelain 上的对比必须高于 9:1。
- 不要打破照片与 Porcelain 交替，每个内容区块都应在 Porcelain 上，绝不在带色背景上。
