Superintelligence for work 网站预览
Superintelligence for work 网站预览

Superintelligence for work

白色基底、胶囊形控件与圆角卡片。

页面以白色为基底,搭配近黑色文字。字体采用 Sana Sans。视觉特点包括胶囊形控件、圆角卡片、居中构图、大幅摄影展示。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 所有标题均使用 Sana Sans 500 字重,且绝不超过 500 字重——自信来自尺寸和字间距,而非粗体。
  • 将显示标题设置为 83px,字间距为 -2.49px,使文字读起来如同刻石,而非渲染文本。
  • 将 Cobalt Pulse #0057f3 严格保留用于每个可见表面的单个填充型 CTA 按钮;其余所有按钮保持透明描边或中性状态。
  • 使用 Linen #efefed 色带分隔区块,而非边框、阴影或分隔线。
  • 所有按钮均采用胶囊形,半径为 32-36px——具有角状按钮会破坏编辑语言。
  • 所有间距默认为 4px 的倍数;元素间距 8-16px,卡片内边距 16-24px,区块间距 80-120px。
  • 正文使用 15-16px 字号,行高为 1.4-1.6,在 Sana Sans 400 字重下设置。

建议避免

  • 任何组件均不添加 box-shadow——深度来自表面色彩变化,而非抬升。
  • 不要在图标、插图、标签或背景中装饰性地使用 Cobalt Pulse——该色彩仅为 CTA 用途。
  • 不要引入渐变——该系统建立在扁平、单值表面之上。
  • 在字体层级中不要超过 500 字重;700 粗体会破坏克制的语调。
  • 不要使用 #0000ee 或任何未经定义的链接蓝色——链接继承 Ink #090909。
  • 不要使用小于 6px 的圆角,或在内容区块中使用 0px 的锐利角。
  • 不要将彩色背景置于文字之下——每个文字表面均为白色、Linen 或摄影背景。