OpenDesign·你的设计资产库

网页参考

Neuralink

Neuralink 主页采用电影感暗色界面,展示 N1 植入物与应用程序的高分辨率摄影,搭配粗犷清晰的排版以传达复杂神经科技。

AIProductDark ModePremiumClean

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

神经科技脑机接口创新医疗高科技

一家将前沿科学与无障碍沟通相结合的高端科技硬件初创公司。

02

色彩

#FFFFFFInk
#000000BG
#A0A0A0Muted
rgba(255, 255, 255, 0.15)Line

采用纯黑与纯白的高对比度暗色优先调色板,确保最大可读性,完全依赖英雄摄影提供色彩。

03

字体

grotesque-sans

  • display56px · 600
  • body16px · 400

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

组件间距遵循标准 8 像素网格系统。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

1px solid rgba(255, 255, 255, 0.2)

07

动效与交互

200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

文本链接采用标准下划线或透明度过渡。

08

组件

  • button 药丸形按钮,采用透明背景与细边框(临床试验)或纯白背景配黑色文字(行动召唤)。
  • hero 电影感全视口英雄区块,以展示 Neuralink 界面的笔记本电脑暗色高分辨率摄影为主导。

09

文案语气与禁用清单

  • 语气 权威、创新,同时易于理解且以人为本。
  • 标题风格 直接有力的陈述,在复杂技术与人类利益之间建立桥梁。
  • 按钮文案 行动导向且具有邀请性,使用直接箭头图标。
  • 避免使用纯色、平面背景色——截图显示以全出血电影感摄影作为主要背景。
  • 避免使用明亮、饱和的霓虹强调色——截图显示依赖白色文字的严格单色调色板。
  • 避免使用过度装饰的、手写体或衬线字体——截图显示简洁现代的怪诞无衬线字体。
  • 避免使用生硬、尖锐的矩形按钮——截图显示完全圆角的药丸形按钮。
  • 避免在布局中拥挤放置多个不同的内容区块——截图显示宽敞、单焦点英雄区块。
  • 避免使用投影营造层次感——截图依赖于背景摄影的景深与模糊效果。
  • 避免: 缺乏上下文的过度技术术语
  • 避免: 杂乱或拥挤的布局
  • 避免: 不一致的排版尺度

11

System Prompt

该网站将 Neuralink 定位为高端、高科技医疗创新者,采用电影感暗色美学。关键颜色为纯黑 (#000000) 与纯白 (#FFFFFF),没有明显的强调色,转而依赖暗色摄影提供视觉趣味。排版采用简洁的几何怪诞无衬线字体,优先考虑可读性与现代感。关键设计规则包括:避免使用明亮饱和的强调色;使用透明背景的药丸形按钮;确保文字在深色背景上具有强对比度;保持充足留白,避免杂乱布局;使用高分辨率氛围摄影作为主要视觉驱动力。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。