Fuser

近白色基底、细线分隔与衬线字形。
页面以近白色为基底,搭配深灰色文字。字体采用 Marund、Inter Variable。视觉特点包括细线分隔、衬线字形、网格布局、居中构图。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用 Lavender Mist(#d7defd)作为主要行动按钮的填充背景,并搭配 Near Black(#0a0a0a)文字——禁止使用白色反白于紫色背景。
- 所有内容卡片应用 16px 的圆角,所有按钮、标签和图像填充应用 6px 圆角——这一双圆角系统定义了视觉语言。
- 所有编辑性标题使用 Marund,字号 30px 及以上,其余内容使用 Inter——衬线与无衬线字体的搭配是排版标志。
- 仅在节点标记、状态点和在线指示器上使用 Signal Green(#00c950),禁止用于按钮、文本或大面积表面。
- 大写眉题标签设为0.14em字间距(12px时为1.68px),采用Inter 500字重和 #737373,形成“区块标记”模式。
- 构建首屏构图时,使用 16px 圆角的漂浮卡片,置于 #fafafa 背景上,采用标准 10-15-3 / 4-6-4 的阴影效果——不使用其他阴影配方。
- 在显示尺寸上应用负字间距:96px 时为 -4.8px,48px 时为 -1.2px,按比例递减至 24px 时为 -0.6px。
建议避免
- 禁止使用 #4f39f6 或 #432dd7 作为填充按钮背景——品牌紫色仅用于描边、边框和图标;填充应使用 Lavender Mist(#d7defd)。
- 禁止将 Signal Green(#00c950)用于成功提示、勾号或语义状态——该色仅作为节点画布状态指示器使用。
- 按钮或输入控件禁止添加阴影——阴影系统仅用于漂浮卡片和提升的面板。
- 禁止在相同层级和相同角色下混合使用 Marund 和 Inter 字体——每个层级必须选择一种字体并保持一致。
- 禁止使用纯 #000000 作为正文或标题文字——Onyx(#171717)和 Near Black(#0a0a0a)能提供相同对比度且更柔和。
- 禁止使用超出范围的圆角值(6、12、16、24)——禁止使用 8px 或 10px 圆角;该系统为二元结构:锐利-小或柔和-大。
- 禁止将品牌色用于标识云中的标识——所有标识必须使用 #737373 或 #828282 灰色以维持视觉平和。