精选 · 开放 · 免费

Anduril

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

01

设计气质 DNA

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

02

色彩

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

03

字体

humanist-sans · monospace

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

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

04

间距

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

05

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

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

布局

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

07

动效与交互

核心元素使用平滑、缓慢的入场过渡，以建立高端、从容的基调。 · 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

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko