pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Runway
近白色基底、非对称构图与居中构图。
页面以近白色为基底，搭配近黑色文字。字体采用 Interphases Pro Variable。视觉特点包括非对称构图、居中构图、产品图像展示、渐变展示。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 将 #f9a600（琥珀信号色）作为唯一有填充的色彩按钮背景——其他颜色不得用于填充按钮。
- 所有文本使用 Interphases Pro Variable（或 Inter Variable 替代字体）在指定字重处设置：正文为 400，强调和按钮为 492，标题和展示文本为 584。
- 所有主要文本和图标均使用 Espresso（#261b07）——禁止使用真正的 #000000；这种暖调是品牌的一部分。
- 应用暖调阴影（棕色 rgba 0.149, 0.106, 0.027），不透明度 6%，外扩 0px 4px 8px——禁止使用冷灰阴影。
- 所有卡片、按钮和导航元素的圆角半径设为 8px；标签和徽章保留 4px 圆角；除状态指示器外，禁止使用完全圆润的胶囊形。
- 标题使用类型系统中定义的紧密字间距值（例如 72px 时为 -1.58px，24px 时为 -0.31px）——负字间距是使展示字体显得排版整齐而非随意输入的关键。
- 分层表面依次为：奶油画布 → 纯纸层 → 升级后的白色带阴影，使用 亚麻色（#e3dfd5）边框进行分隔，而非背景色变化。
建议避免
- 禁止引入蓝色、绿色、红色或紫色作为界面色彩——唯一色彩为琥珀色（#f9a600、#e89b01）和暖调辅助色（赭石、蜂蜜、紫藤）。
- 禁止使用 #000000 作为文本或背景色——所有文本和背景均应使用 Espresso（#261b07）以维持温暖纸张质感。
- 禁止使用冷灰调阴影——所有阴影必须基于暖棕色基础（srgb 0.149, 0.106, 0.027）。
- 禁止除琥珀信号色外的任何颜色用于主要操作的填充按钮——次要操作仅使用半透明/轮廓按钮。
- 禁止将正文文本设置为 700 及以上字重——定制字体中 584 为最大粗体，492 为中等字重。
- 禁止任何文本行高超过 1.25——系统整体紧凑、密集，而非松散空旷。
- 禁止使用彩色背景条分隔区块——过渡应通过留白和 亚麻色 分隔线实现，保持在连续的奶油画布之上。
