pampam.city
暖白色基底、胶囊形控件与圆角卡片。
until
暖白色基底、大幅摄影展示与胶囊形控件。
页面以暖白色为基底，搭配近黑色文字。字体采用 neueHaasDisplay、neueHaasText。视觉特点包括大幅摄影展示、胶囊形控件、圆角卡片、网格布局。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 每屏页面背景均使用 #f7f3ec；禁止用纯白色替代主画布。
- 所有标题均使用 Neue Haas Display，字间距设置在 -0.020em 至 -0.037em 之间——负向字间距是品牌的编辑特征。
- 所有交互元素统一圆角为 64px（完整胶囊形），所有卡片为 32px；这种柔和是不可妥协的。
- 仅在标题文字、标题下划线及小型注解标签中使用 #6c853b 橄榄绿——禁止作为按钮填充或大面积表面使用。
- 使用 Geist Mono 12px，字间距增加 +0.05em，用于类似 '[ 滚动查看 ]' 这类括号内的微标签——这些是装饰性的科研期刊风格点缀。
- 保持单一内嵌高亮阴影模式（rgba(255,255,255,0.1) inset 顶部和底部 + rgba(0,0,0,0.05) 0 3px 17px 外层）；避免使用厚重的外阴影。
- 主要区块间保持 48–96px 的垂直间距；页面呼吸感如同印刷杂志页面。
建议避免
- 正文文字禁止使用纯黑色（#000000）——应使用 #121212，其略带暖调，与奶油底面相呼应。
- 禁止引入额外的色彩；橄榄绿是唯一的点缀色，过度使用会削弱植物风格的克制感。
- 禁止在卡片、按钮或图片上使用锐角（0–6px 半径）——圆角语言定义了整体的柔和性。
- 禁止将文字置于摄影图片上的 带淡色的 重叠层上；标题直接位于图片或奶油底面之上。
- 正文文字禁止小于 14px 或大于 16px；字体层级刻意狭窄且具编辑性。
- 禁止使用填充色按钮——所有行动号召（CTA）均为胶囊形，带有 1px #121212 边框，背景为白色或透明描边（透明描边）。
- 禁止使用比定义的内嵌/外层组合更重的箱形阴影；该系统依赖奶油色叠层，而非立体感。
