OpenDesign·你的设计资产库

网页参考

Augen Pro

超越人类工具。

PremiumHardware3DCleanCalm
Augen Pro 网站截图

01

设计气质 DNA

augenHumanware神经可穿戴创新

一个增强人类能力的极简主义实验室。

02

色彩

#0071E3Accent
#0F1012Ink
#5E5E5EInk soft
#FFFFFFBG
#F2F2F4BG soft
#EFEFEFBG quiet
rgba(0, 113, 227, 0.5)Line

高对比度极简主义,搭配单一鲜明的蓝色强调色。

03

字体

geometric-sans · monospace

  • display56px · 350
  • body16px · 350

所有文本均使用几何无衬线字体。 · 保持细体字重,以营造精致、技术的观感。 · 展示文本使用负字距调整。

04

间距

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

充足的留白,营造专注与奢华感。

05

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

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

容器与标签采用纤细、微妙的边框。

0 2px 10px rgba(0, 0, 0, 0.05)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单列居中布局,配有大型主视觉区域。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

过渡效果采用微妙的淡入淡出与滑动。 · 按钮拥有平滑的 hover 效果。

背景色变化或文本颜色微妙转变。 · 细微的缩放或颜色变化。

08

组件

  • button 胶囊形按钮,边框纤细,文本为蓝色。
  • card 极简卡片,背景色微妙。
  • chip 用于分类的轮廓胶囊形标签。
  • input 简洁的无边框输入框。
  • hero 大型 3D 渲染图,仅覆盖少量文字。

09

文案语气与禁用清单

  • 语气 技术的、前瞻性的、精致的。
  • 标题风格 简短、有力的陈述。
  • 按钮文案 清晰、以行动为导向的标签。
  • 不要使用粗重边框——截图显示的是纤细、微妙的线条。
  • 不要使用粗体字——截图显示的是轻盈、精致的字重。
  • 不要使用多种强调色——截图显示的是单一的蓝色强调色。
  • 不要在主视觉区域使用深色背景——截图显示的是白色背景。
  • 不要使用俏皮或圆润的形状——截图显示的是锐利、几何的形态。
  • 不要使用复杂的渐变——截图显示的是纯色与微妙的阴影。
  • 避免: 杂乱的布局
  • 避免: 明亮、多彩的强调色
  • 避免: 圆润、俏皮的形状

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个为 'augen'(Augen Pro)打造的高端硬件与神经技术网站,定位为 '超越人类工具'。设计风格精致极简,采用干净的白色背景(#FFFFFF)、深色墨黑(#0F1012)以及单一的鲜明蓝色强调色(#0071E3)。字体采用几何无衬线字体(PP Neue Montreal),字重轻盈,营造技术与精致感。关键禁忌:不要使用粗体字,不要引入多种强调色,不要用不必要的元素使布局变得杂乱。该网站强调 3D 图像与充足的留白,以营造面向未来的创新感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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