AI Product Generation
近白色基底、产品图像展示与渐变展示。
Generative AI
白色基底、细线分隔与满幅色块。
页面以白色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 focal、Chivo Mono。视觉特点包括细线分隔、满幅色块、扁平表面、分屏构图。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 首屏和区块标题使用 focal，字号为 60-80px，字重为 700，字间距为 -0.025em。
- #99ecff 作为强调色带的满幅区块背景使用，绝不作为小色样或按钮填充。
- 深色实心按钮采用 #252527、#ffffff 文字和 4px 圆角，没有阴影，也没有悬停抬升。
- 所有边框保持 1px 的 #e5e7eb，它是系统唯一结构边框颜色。
- 所有间距锚定 8px 网格，元素、卡片和区块节奏采用 8/16/24/32/48/64px。
- 卡片使用 12px 圆角，按钮和标签使用 4px，绝不更大，也绝不做成胶囊。
- 首屏和区块色带中包含散落的 8-bit 像素装饰，颜色为青柠 #f1ffd2、紫罗兰 #ab77ff 和粉色 #ffddfa。
建议避免
- CTA 按钮不要使用彩色。主要操作始终采用中性深色 #252527。
- 不要添加阴影或悬浮。设计刻意保持平面，依靠细线边框和颜色对比区分。
- 界面元素不要采用渐变。区块色带采用平面颜色填充，模型卡片采用真实图像。
- 正文不要使用系统字体或圆润无衬线。focal 是标志，系统字体会显得普通。
- 不要打破 8px 间距网格，也不要使用 13px、17px、23px 等奇数值。
- 圆角不要大于 12px。设计有棱角、锐利，而非柔软。
- 像素艺术颜色不要作为按钮、文字或边框等功能界面颜色。它们只用于装饰。
