pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Felt
橄榄绿色基底、衬线字形与大字排版。
页面以橄榄绿色为基底，搭配白色文字。字体采用 Arial、GT Alpina Standard。视觉特点包括衬线字形、大字排版、分屏构图、居中构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有展示和区块标题均使用 GT Alpina Standard 300 字重——细衬线字体是品牌的最具辨识度选择，必须承载编辑性语气
- 展示标题设置为 86px 字号，行高 0.88，字间距 -3.44px，以实现压缩、如刻入石碑般的视觉效果
- 仅使用琥珀指南针（#dc8c46）作为填充型行动号召（CTA）和强调时刻——绝不可作为表面填充或装饰性晕染
- 通过绿色调阶逐步提升表面层次：苔绿画布（#314218）→ 蕨类（#3d521e）→ 藻类（#64754b），不使用阴影
- 正文与UI文本使用 Atlas Grotesk 400 字重，字间距 0.033em，以确保在深绿色背景上具备可读性
- 将产品UI面板嵌入浅色表面（#ffffff）中，圆角 6px，仅使用单层极细微的阴影，以与深色页面形成对比
- 保持居中、杂志风格的布局，区块间距为 80px——页面节奏应如同翻阅地图集一般流畅
建议避免
- 不要将琥珀指南针（#dc8c46）用于正文、背景或大面积表面——过度使用会削弱其指南针针尖的视觉效果
- 不要将衬线标题的行高设置高于 1.0——压缩处理是营造编辑感的关键
- 不要叠加多个阴影层——Felt 通过色彩阶梯实现层次感，而非依赖阴影堆叠
- 不要使用纯黑色（#000000）作为页面背景——苔绿色调才是画布，而非黑色
- 不要用几何或无衬线字体替代 GT Alpina Standard——衬线字体是品牌身份的体现
- 不要在卡片、图片或产品面板上使用圆角超过 6px——只有按钮使用 20px 的胶囊形圆角
- 不要引入新的强调色——整个配色系统为绿色单色系加一种温暖的琥珀色；任何其他颜色都会破坏系统一致性
