Copy

白色蓝图上的紫罗兰电压
Copy.ai 作为一座阳光照耀的企业平台:白色画布,清晰的黑色文字,以及一道鲜明的紫罗兰色作为电光般的标点,横跨于整体静谧的单色界面之中。设计语言坚定而克制——定制无衬线字体中的粗体字重带来标题的张力,而通用的 4px 圆角则让每个表面都保持锐利与建筑感,而非柔和。深度来自紫罗兰色渐变的首屏带状区域和按钮内嵌的细线阴影,而非投影或拟物化处理。组件为扁平化设计,信息密集且对齐网格,卡片置于白色背景而非 带淡色的 背景,以维持对比度的纪律性。
查看原始网站使用规范
建议采用
- 所有 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 之间