精选 · 开放 · 免费

Blue Origin

一家富有远见的航空航天公司，致力于打造数百万人在太空生活与工作以造福地球的未来。

01

设计气质 DNA

航空航天工程与环境管理的结合

02

色彩

高对比度的电影化设计，运用深邃的黑色与鲜明的品牌蓝来唤起太空的尺度感。

03

字体

geometric-sans · humanist-sans

• display72px · 800
• h156px · 700
• h240px · 700
• body16px · 400

所有主要展示文本均采用大写，并具有宽字距，以营造技术性与纪念碑般的感觉 · 导航采用略宽的间距，以提升大写文本的可读性 · 正文保持中性字重和标准间距，以确保在深色背景上的易读性

04

间距

一致地使用4px和8px的增量，构建了一个技术性的、网格对齐的间距系统。

05

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

用于按钮和细微分隔线的1-2px细白色或浅灰色边框。

0 4px 24px rgba(0, 0, 0, 0.5) · 0 16px 48px rgba(0, 0, 0, 0.3)

06

布局

全出血摄影区块，内容直接叠加于图像之上。

07

动效与交互

内容区块进入视口时，进行平滑的淡入和向上滑动。 · 按钮和链接的 hover 效果主要涉及颜色和边框过渡。

交互元素上边框颜色或文本颜色的细微过渡。 · 通过激活状态或页面过渡提供即时视觉反馈。

08

组件

• button 轮廓或幽灵按钮，带有2px白色边框、大写文本和宽字距。
• card 全宽摄影区块，带有文本叠加，充当大型交互式卡片。
• chip 无可视元素。
• input 极简风格的搜索或表单输入框，带有细微边框。
• hero 全视口摄影或视频背景，配有大尺度排版和一个行动号召按钮。

09

文案语气与禁用清单

• 语气 鼓舞人心、权威且富有前瞻性。
• 标题风格 纪念碑式、大写且直接，强调核心使命与技术能力。
• 按钮文案 以行动为导向且简洁，例如 'OUR MISSION' 或 'EXPLORE ENGINES'。

• 不要在主要使命宣言中使用居中对齐的文本布局——截图显示它们左对齐，以维持强大的建筑基底。
• 不要为主要区块使用白色背景——截图显示使用黑色或深色背景来增强太空主题。
• 不要在标题中使用纤细的装饰性字体——截图显示使用粗体、几何感的无衬线字体。
• 不要为主要按钮使用圆角 UI 元素——截图显示使用尖角或略带圆角（2-4px）的矩形按钮。
• 不要使用多种强调色——截图显示严格的黑白蓝配色方案。
• 不要使用狭小、拥挤的排版——截图显示使用大尺度、间距宽松的展示字体以实现最大冲击力。
• 避免: 避免使用随意或对话式的语言。
• 避免: 避免使用分散主要图像注意力的杂乱布局。
• 避免: 避免使用有损电影感的低对比度文本。
• 避免: 避免使用不具备功能性或氛围营造目的的装饰性元素。
• 避免: 避免在单个视图内使用多种字体家族。
• 避免: 避免使用与技术主题冲突的圆角、俏皮风格的 UI 元素。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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