pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Whop
近白色基底、胶囊形控件与大字排版。
页面以近白色为基底，搭配近黑色文字。字体采用 acidGrotesk、Inter。视觉特点包括胶囊形控件、大字排版、宽松留白、扁平表面。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 任何画面的唯一主要操作专用 Ember Orange（#fa4616），不用于装饰元素、标签或辅助按钮。
- 硬边烧橙偏移阴影（rgb(182,38,0) 0px 3px 0px 0px）仅用于主要 CTA 按钮。
- 展示标题使用 acidGrotesk，56px 或 128px，line-height 1.00、letter-spacing -0.03em；展示尺寸不使用 Inter。
- 所有类似卡片的容器采用 24px border-radius，所有按钮采用 8px；这一尺寸比例必须遵循。
- 页面画布保持 #f9f9f9，卡片表面保持 #ffffff，不反转这一层级。
- 主要分区之间使用 64-80px 纵向间距，维持宽松节奏。
- Geist Mono 仅用于代码、终端提示和技术元信息，不用于界面标签或正文。
建议避免
- Ember Orange 不用于该画面主要操作按钮以外的任何元素。
- 任何元素都不要使用柔和投影、模糊或基于不透明度的阴影；体系保持扁平。
- 展示尺寸（56px+）不要使用 Inter；Inter 仅用于 13-20px 功能性界面。
- 不要添加渐变；体系完全采用扁平颜色。
- 装饰强调或插画不要使用中性灰；色板为近黑至近白，加一种橙色。
- border-radius 不要超出以下四个 Token：4px、8px、12px、16px、24px。
- 同一画面不要出现多个橙色按钮；每个视图只设一个主要操作。
