OpenDesign·你的设计资产库

网页参考

Anduril

一个高端的国防与自主平台,运用电影级摄影和严谨的极简字体来传达主权能力。

DefenseTech
Anduril 网站截图

01

设计气质 DNA

国防自主制造主权技术

一个纪律严明、视觉标准毫不妥协的航空航天工作室。

02

色彩

#DFF140Accent
#FFFFFFInk
#A0A0A0Ink soft
#000001BG
#121214BG soft
#505544BG quiet
#8E9291Muted
rgba(255,255,255,0.12)Line

高对比度的深色界面,UI元素完全退居次要,让宏大、电影感的摄影内容成为视觉中心。

03

字体

humanist-sans · monospace

  • display56px · 500
  • subheading24px · 500
  • body15px · 400
  • caption12px · 400

技术标签使用大写、等宽字距。 · 粗体标题使用紧凑的负字距。 · 所有正文内容依赖一款人文主义无衬线体。

04

间距

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

主要区块间采用64px和112px的宽敞垂直内边距,以保持电影感、无杂乱的氛围。

05

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

sm · 0px
md · 2px
lg · 4px
pill · 999px

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

rgb(223, 241, 64) 0px 0px 10px 0px · rgb(223, 241, 64) 0px 0px 5px 0px

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

一个全宽、延伸至边缘的结构化网格,旨在优先展示大型摄影素材和高冲击力标题。

07

动效与交互

200msmicro
300mssmall
1000msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

核心元素使用平滑、缓慢的入场过渡,以建立高端、从容的基调。 · UI状态变化(如悬停和聚焦)使用细微的0.3s ease-out过渡。

文本元素使用细微的颜色过渡(0.3s ease-out),交互区域使用最小化的缩放效果。 · 即时的视觉反馈,随后是平滑的页面或区块过渡。

08

组件

  • button 简洁的文本导航,内边距充足,次要操作则转为大写等宽标签。
  • card 延伸至边缘的摄影容器,带有细微的悬停状态,强调沉浸式视觉而非UI装饰。
  • chip 等宽、大写、字距宽松的技术标签(例如 'DESIGNED BY ANDURIL')。
  • input 极简、无边框的文本字段,与深色背景无缝融合。
  • hero 一个巨大的、跨越整个视口的摄影背景,旨在实现最大的电影冲击力和叙事分量。

09

文案语气与禁用清单

  • 语气 权威、精确、毫不妥协的专业。
  • 标题风格 简短、高冲击力的陈述性语句,传达绝对能力。
  • 按钮文案 直接、简洁、以行动为导向,避免不必要的填充词。
  • 不要在主要UI元素上使用柔软、圆润的角——截屏显示为2px border-radius。
  • 不要依赖明亮、多色的渐变——截屏显示的是鲜明、高对比度的深色界面。
  • 不要使用居中的导航布局——截屏显示的是严谨的、左对齐的结构层次。
  • 不要使用小型、拥挤的图像——截屏显示的是巨大的、延伸至边缘的摄影素材。
  • 不要使用装饰性图标或表情符号——截屏显示的是严格的字体和摄影手法。
  • 不要使用厚重、深色的投影——截屏显示的是最小化或有色(酸橙绿)的辉光。
  • 避免: 避免使用表情符号或随意标点。
  • 避免: 避免夸张的营销流行语。
  • 避免: 避免杂乱的布局或不必要的视觉噪音。
  • 避免: 避免俏皮或圆润的设计元素。

10

包内真实截图

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

11

System Prompt

为一个主权国防和技术平台设计一个高端、权威的界面。其视觉语言是电影般且毫不妥协的,采用鲜明、高对比度的深色模式,主要背景为 #000001,文字为纯白 (#FFFFFF)。使用一款人文主义无衬线体作为展示和正文字体,保留一款简洁的等宽字体用于技术标签。布局必须宽敞,依靠巨大的、延伸至边缘的摄影素材来传达规模和能力。关键约束:严格避免圆角、俏皮元素或明亮的多色渐变。UI必须感觉像是一个纪律严明的航空航天工作室,优先考虑结构清晰度和叙事分量,而非装饰。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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