Buddy
白色基底、产品图像展示与胶囊形控件。
Paradigm
白色基底、细线分隔与衬线字形。
页面以白色为基底，搭配近黑色文字。字体采用 Atacama VAR、PP Neue Montreal。视觉特点包括细线分隔、衬线字形、居中构图、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 每个44px及以上的展示标题都采用Atacama VAR 317–370字重和-0.06em字间距；低语般轻字重的衬线是定义系统的排版选择。
- 所有按钮、卡片、徽章和输入框都采用4px border-radius；100px只保留给标签页和步骤胶囊。
- 每个状态徽章都以深色饱和文字、匹配的1px边框和浅粉彩色洗配对；绝不要反转，不使用深色填充加浅色文字。
- 任何产品模型卡片都采用白色24px内辉光（rgb(255,255,255) 0 0 24px inset）；这是标志性抬升。
- 表格和统计块中，所有PP Neue Montreal数字数据都启用等宽数字特性tnum。
- #0a33ff应克制使用，每个表面一个强调点，只用于Enrich操作、激活标签页、激活步骤和所选行的勾选标记。
- 分区标题上方的所有PP Neue Montreal 500、12px眉题标签都采用0.14–0.15em letter-spacing。
建议避免
- 卡片或操作不要使用圆润胶囊按钮；4px圆角是系统几何，胶囊只保留给标签页和步骤指示。
- 不要用投影制造深度；深度来自白色内辉光和蓝色135deg渐变背景，而非抬升。
- 落地页分区不要将#0a33ff作为填充CTA背景；它只保留给产品内操作和激活状态。
- 不要使用表情符号或填充多色图标；图标是#080b12或#6c6d73的细描边SVG。
- 正文或分区内容不要居中；布局节奏左对齐，并配不对称的图像。
- 不要引入新的饱和颜色；仅有的彩色渠道是#0a33ff和六种深墨色徽章颜色，其余保持冷暖灰。
- 不要采用自动动画或滚动触发效果；系统没有运动个性，依赖静态构图。
- 展示标题不要采用PP Neue Montreal或Inter；任何44px或更大的文字都必须使用Atacama VAR衬线。
