AI Product Generation
近白色基底、产品图像展示与渐变展示。
Stability AI
近黑色基底、大幅摄影展示与胶囊形控件。
页面以近黑色为基底，搭配白色文字。字体采用 Archivo、Figtree。视觉特点包括大幅摄影展示、胶囊形控件、细线分隔、宽松留白。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有实心 CTA、激活状态和方向箭头，都使用唯一彩色强调 #a381ff。
- 所有按钮和标签圆角设为 300px，所有输入框圆角设为 99px。胶囊形没有商量余地。
- 展示标题使用 Archivo 字重 700，行高为 0.98 至 1.07，使多行标题保持紧密叠放。
- 通过 #1e1e1 → #383838 → #000000 的色调变化和 1px 细线分隔来叠放纵深，绝不引入 box-shadows。
- 正文使用 #e5e7e6 Bone；#ffffff Paper White 只留给最高强调的标题和按钮标签。
- 希望页面与紫罗兰强调色形成统一色调时，深色背景上的标题和正文使用 #725d91 Mauve Veil。
- 区块垂直内边距设为 80px 至 120px，编辑文字区块的 max-width 限制为 800px。
建议避免
- 不要引入紫罗兰色系之外的任何彩色。单一强调色系统就是身份。
- 卡片或面板不要添加 box-shadows。深色画布会让它们看不见，或产生不自然的视觉伪影。
- 按钮、输入框或标签不要使用 0–4px 的锐利圆角。系统优先采用胶囊。
- 深底正文不要使用 #ffffff。它只留给适合纯白表达的标题和按钮标签，连续正文使用 #e5e7e6。
- #330066 不要用作主要操作色。它是深色链接或装饰色调，而不是 CTA。
- 同一内容区块不要混合衬线与无衬线。Clarkson 只作为少见的编辑强调出现，不与 Archivo 正文并置。
- 摄影不要放在圆角容器或蒙版中。首屏图像必须铺到视口边缘。
