精选 · 开放 · 免费

Heartaerospace

一个高端、整洁的航空航天品牌，通过克制的排版与大规模图像，展示其电动航空硬件。

01

设计气质 DNA

整洁、克制的航空航天工程文档。

02

色彩

基于高对比度的单色系，辅以单一、鲜活的深蓝色用于交互元素。

03

字体

neue-haas-grotesk-display · neue-haas-grotesk-text

• display50px · 500
• body18px · 400
• caption14px · 400

所有主要展示文本使用 Neue Haas Grotesk Display 字体。 · 所有正文与界面文本使用 Neue Haas Grotesk Text 字体。 · 标题保持紧密的字距。

04

间距

基于严格的 4px 基础网格，章节内边距采用充裕的 64px。

05

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

使用 rgba(20,20,20,0.15) 或低不透明度黑色的细微 1px 边框。

0 32px 68px rgba(0, 0, 0, 0.3)

06

布局

全幅英雄图像，搭配居中的大字号排版叠加。

07

动效与交互

悬停时的细微不透明度过渡。 · 主要按钮的颜色过渡。 · 图像的滤镜过渡。

交互元素上的细微不透明度降低或颜色偏移。 · 立即提供视觉反馈，无弹性缩放。

08

组件

• button 实心深蓝色 (#1032CF) 矩形，白色文字，圆角 (lg radius)。
• card 简洁的白色或透明表面，无可见边框。
• chip 用于 Cookie 同意的极简药丸形开关。
• input 带有细微底边框的整洁文本输入框。
• hero 全幅摄影背景，搭配大号白色排版叠加。

09

文案语气与禁用清单

• 语气 专业、富有远见、面向未来。
• 标题风格 大号、加粗、句首字母大写的陈述式标题。
• 按钮文案 实心蓝色背景上的清晰、行动导向的文本。

• 不要使用装饰性字体——截图显示为整洁、几何化的无衬线字体。
• 不要在文本后使用繁杂的背景——截图显示文本清晰地叠加在图像或纯白背景上。
• 不要使用多种强调色——截图显示始终如一地使用单一主导的深蓝色。
• 不要使用尖锐、激进的边角——截图显示主要元素采用一致的圆角（最大 32px）。
• 不要为主要界面使用深色模式——截图显示以白色和浅色主题为主的布局。
• 不要使用低对比度文本——截图显示高对比度的黑色或白色文本与其背景形成对比。
• 避免: 缺乏语境的过度技术术语。
• 避免: 激进或炒作式的营销语言。
• 避免: 视觉上杂乱的界面。
• 避免: 使用多种明亮颜色。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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