Neuralink 网站预览
Neuralink 网站预览

Neuralink

明暗对比、胶囊形控件与渐变展示。

页面兼有浅色与深色区域。字体采用 UntitledSans。视觉特点包括胶囊形控件、渐变展示、紧密字距、分屏构图。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 铺满画面的首屏背景使用#000000,展示文字为#ffffff、48px、字重300和-7.92px字间距。
  • Synapse Gradient只用于公告栏和照片卡片叠加色层,绝不作为实心UI表面、按钮填充或文字颜色。
  • 所有操作按钮圆角设为80px,形成完全胶囊结构;卡片20px,大型容器元素60px。
  • 保持强烈负字间距:从48px时的-0.165em到14px时的-0.015em,绝不让大字号采用默认字间距。
  • 在Paper(#ffffff)内容块之间用Ash(#f5f5f5)色带分隔区块,无需增加颜色即可建立节奏。
  • 所有展示文字和标题字号(32px+)采用300字重,700仅用于正文中的行内强调。
  • 内容区块页面最大宽度保持1200px,首屏和公告栏则从一侧边缘铺满至另一侧。

建议避免

  • 不要引入任何彩色品牌色;系统刻意保持单色调,渐变是唯一例外。
  • 任何组件都不要使用投影、盒式高度或模糊效果,深度仅来自表面对比。
  • 按钮不要使用方形或略圆的角落(4px、8px);80px胶囊圆角是标志性元素。
  • 标题不要使用600或700字重;300展示文字是刻意反常规的选择。
  • 不要为小文字增加字间距,也不要在任何地方使用正字间距;整个尺度采用负值或零。
  • 渐变不要用于文字块或数据表的背景,它仅用于公告栏和照片叠层。
  • 同一表面上不要让多个透明描边按钮相邻;每个区域只放一个描边操作,填充按钮作为替代。