pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Portrait
白色基底、胶囊形控件与大字排版。
页面以白色为基底，搭配深青色文字。字体采用 Switzer、Basier Circle。视觉特点包括胶囊形控件、大字排版、细线分隔、网格布局。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 在每个页面最多一个 CTA 和每个标题最多一个斜体词上，使用全光谱线性渐变（蓝→洋红→红→橙→黄→绿，90deg）作为最多 1.5px 的边框。
- 正文使用 Switzer 400 字号 16–18px，行高 1.45–1.5；仅在 31px 及以上显示尺寸时使用 Basier Circle。
- 收紧标题字间距：76px 时为 -4.25px，49px 时为 -1.96px，44px 时为 -1.15px。这种压缩感让展示内容呈现出雕塑般的质感。
- 在整个界面中使用 Portrait 墨色（#08304c）作为唯一的文本与结构线条颜色；仅当正文置于暖色或粉彩背景上时，切换至 Graphite Body（#2c2c2c）。
- 所有阴影最大黑度控制在 8%，通过 3–6 层薄层叠加，负偏移堆叠，而非单层厚重阴影。当表面需要分隔时，使用 1px oklab 细线边框，不透明度 4–10%，替代阴影。
- 卡片使用 24px 圆角，按钮使用 28px 圆角，标签和小芯片使用 9999px 圆角。按钮与卡片的圆角差异是刻意设计——按钮比其所在的卡片略圆润。
- 保持页面画布为纯白色（#ffffff），色彩仅以柔和的粉彩晕染出现在小面积表面，绝不作为完整区块背景出现。
建议避免
- 不要引入新的品牌色——色彩调性仅限于两种海军蓝墨水加一个单色彩虹渐变。任何额外的色彩都会稀释品牌特征。
- 不要使用填充色按钮。主要操作始终是带有彩虹边框的胶囊按钮；次要操作仅使用透明描边文本。
- 不要添加厚重的阴影。任何比 rgba(0,0,0,0.1) 更深的阴影会破坏纸张叠加的语言感。
- 不要将正文或展示文本设置为彩虹渐变。渐变仅用于边框和每个标题中的一个斜体词——全文使用彩虹渐变会被解读为完全不同的品牌调性。
- 不要在同一字号下混合使用 Switzer 和 Basier Circle。Switzer 适用于 10–24px，Basier Circle 适用于 31px 及以上。相同字号混合会看起来像字体回退错误。
- 不要为 Basier Circle 的负字间距使用无衬线字体替代。这种压缩是品牌特征——只有具备相同几何比例的人类主义字体才能替代。
- 不要对超过三行的正文段落进行居中对齐；居中放置的首屏副文本是特例性的构图选择，而非布局默认。
