pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Mage
近白色基底、大字排版与分屏构图。
页面以近白色为基底，搭配近黑色文字。字体采用 Inter、Inter Variable。视觉特点包括大字排版、分屏构图、产品图像展示、视频展示。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- Electric Cobalt #244cff 仅用于主要操作填充，不作为装饰或文字色。
- 钴蓝主要按钮和黑曜石深色按钮均采用胶囊形圆角（100px）。
- 标题保持 Inter 400 字重，权威来自尺寸（分区 38px、展示 60px），而非字重。
- 所有营销页面画布采用 Parchment #f7f7f1，Snow #ffffff 留给抬升卡片和容器。
- 浅色页面内嵌深色产品截图（#1d1f21 表面）作为视觉锚点，浅深对比是标志性特征。
- Inter 启用 "cv03"、"cv04"、"cv09"、"cv11" 字体特性，使用让 Mage 的 Inter 区别于默认 Inter 的替代字形。
- 卡片和产品缩略图采用 6px 圆角，大型图像容器用 16px，所有交互控件用 100px 胶囊形。
建议避免
- 操作按钮不使用多种鲜明颜色；体系只有钴蓝一种操作色及一种深色变体，其余均为文字或表面。
- 标题不使用 600 或 700 字重；大尺寸下轻盈的 400 是标志性特征，加粗会破坏编辑语气。
- Parchment 画布上的卡片不加投影；#f7f7f1 与 #ffffff 之间的暖色调对比足以分隔。
- 插画色板（#fcc2cd、#fced9f、#ba9ffc）不用于界面框架，只用于首屏艺术和装饰卡片铺色。
- Light Slate Blue #5487a1 或 Amber #9e770b 不混入文字或边框职责，它们只是插画强调。
- 卡片或图像不使用尖角（0px 圆角）；6px 最小圆角是全体系基线。
- 正文不低于 14px；Inter 12px 仅用于微型标签和元信息，不用于连续正文。
