← OpenDesign
精选 · 开放 · 免费
Augen Pro
超越人类工具。
Premium Hardware 3D Clean Calm
01
设计气质 DNA
augen Humanware 神经 可穿戴 创新
一个增强人类能力的极简主义实验室。
02
色彩
#0071E3Accent
#0F1012Ink
#5E5E5EInk soft
#FFFFFFBG
#F2F2F4BG soft
#EFEFEFBG quiet
rgba(0, 113, 227, 0.5)Line
高对比度极简主义,搭配单一鲜明的蓝色强调色。
03
字体
geometric-sans · monospace
display 56px · 350body 16px · 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
布局
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
单列居中布局,配有大型主视觉区域。
07
动效与交互
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
过渡效果采用微妙的淡入淡出与滑动。 · 按钮拥有平滑的 hover 效果。
背景色变化或文本颜色微妙转变。 · 细微的缩放或颜色变化。
08
组件
button 胶囊形按钮,边框纤细,文本为蓝色。 card 极简卡片,背景色微妙。 chip 用于分类的轮廓胶囊形标签。 input 简洁的无边框输入框。 hero 大型 3D 渲染图,仅覆盖少量文字。
09
文案语气与禁用清单
语气 技术的、前瞻性的、精致的。 标题风格 简短、有力的陈述。 按钮文案 清晰、以行动为导向的标签。 不要使用粗重边框——截图显示的是纤细、微妙的线条。 不要使用粗体字——截图显示的是轻盈、精致的字重。 不要使用多种强调色——截图显示的是单一的蓝色强调色。 不要在主视觉区域使用深色背景——截图显示的是白色背景。 不要使用俏皮或圆润的形状——截图显示的是锐利、几何的形态。 不要使用复杂的渐变——截图显示的是纯色与微妙的阴影。 避免: 杂乱的布局 避免: 明亮、多彩的强调色 避免: 圆润、俏皮的形状
10
包内真实截图
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为 'augen'(Augen Pro)打造的高端硬件与神经技术网站,定位为 '超越人类工具'。设计风格精致极简,采用干净的白色背景(#FFFFFF)、深色墨黑(#0F1012)以及单一的鲜明蓝色强调色(#0071E3)。字体采用几何无衬线字体(PP Neue Montreal),字重轻盈,营造技术与精致感。关键禁忌:不要使用粗体字,不要引入多种强调色,不要用不必要的元素使布局变得杂乱。该网站强调 3D 图像与充足的留白,以营造面向未来的创新感。
更多精选
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
为什么收录: 这是高端科技品牌运用极简设计传达精致感与创新性的优秀范例。