OpenServ
白色基底、衬线字形与渐变展示。
Copy
近白色基底、渐变展示与扁平表面。
页面以近白色为基底，搭配近黑色文字。字体采用 Inter、ABC Normal。视觉特点包括渐变展示、扁平表面、分屏构图、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有 24px 及以上标题使用 ABC Normal；禁止在展示尺寸下用 Inter 替代
- 所有边框圆角统一设为 4px — 按钮、卡片、输入框、徽章、图片均共享相同的锐利建筑边角
- 仅在全宽首屏带和产品图示单元中使用紫罗兰渐变（#693edf → #29007a），禁止用于按钮或小元素
- 所有交互按钮变体均应用内嵌顶部阴影（rgba(204, 217, 224, 0.2) 0px -3px 0px inset），以实现一致的按压边缘效果
- 正文文字使用 Inter 400 字重，16px 字号，-0.005em 字间距；禁止使用 ABC Normal 作为正文内容
- 将紫罗兰色（#693edf）作为唯一强调色用于行动号召（CTA）、激活状态和分类徽章——禁止引入其他品牌色调
- 在雪色（#f6fafb）页面画布上保持白色卡片表面，并通过留白分隔；禁止在卡片上使用投影效果
建议避免
- 禁止为卡片的层级感使用投影效果——本系统仅通过背景色对比来区分层级
- 禁止在界面任何位置使用大于 4px 的圆角；柔和或圆润的形状破坏了建筑语言
- 禁止将正文文字设置在 14px 以下或 16px 以上（在 Inter 字号体系内）
- 禁止将紫罗兰渐变应用于小 UI 元素，如标签、图标或悬停状态——该渐变仅限于首屏级表面
- 禁止使用多种强调色；色彩体系刻意保持单色，仅以一个紫罗兰电压点为焦点
- 禁止使用斜体或装饰性字体；ABC Normal 与 Inter 均仅使用正体字重
- 禁止对正文段落或特色卡片描述进行居中对齐——一律左对齐，行高控制在 1.4 至 1.5 之间
