精选 · 开放 · 免费
Heartaerospace
一个高端、整洁的航空航天品牌,通过克制的排版与大规模图像,展示其电动航空硬件。
CleanHardwareEditorialPremiumRestraint
01
设计气质 DNA
航空航天电动航空可持续发展清洁技术高端硬件
整洁、克制的航空航天工程文档。
02
色彩
#1032CFAccent
#141414Ink
#767676Ink soft
#FFFFFFBG
#EEF0F2BG soft
rgba(20,20,20,0.15)Line
基于高对比度的单色系,辅以单一、鲜活的深蓝色用于交互元素。
03
字体
neue-haas-grotesk-display · neue-haas-grotesk-text
- display
50px · 500 - body
18px · 400 - caption
14px · 400
所有主要展示文本使用 Neue Haas Grotesk Display 字体。 · 所有正文与界面文本使用 Neue Haas Grotesk Text 字体。 · 标题保持紧密的字距。
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
基于严格的 4px 基础网格,章节内边距采用充裕的 64px。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 32px
pill · 999px
使用 rgba(20,20,20,0.15) 或低不透明度黑色的细微 1px 边框。
0 32px 68px rgba(0, 0, 0, 0.3)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅英雄图像,搭配居中的大字号排版叠加。
07
动效与交互
150msmicro
200mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
悬停时的细微不透明度过渡。 · 主要按钮的颜色过渡。 · 图像的滤镜过渡。
交互元素上的细微不透明度降低或颜色偏移。 · 立即提供视觉反馈,无弹性缩放。
08
组件
- button 实心深蓝色 (#1032CF) 矩形,白色文字,圆角 (lg radius)。
- card 简洁的白色或透明表面,无可见边框。
- chip 用于 Cookie 同意的极简药丸形开关。
- input 带有细微底边框的整洁文本输入框。
- hero 全幅摄影背景,搭配大号白色排版叠加。
09
文案语气与禁用清单
- 语气 专业、富有远见、面向未来。
- 标题风格 大号、加粗、句首字母大写的陈述式标题。
- 按钮文案 实心蓝色背景上的清晰、行动导向的文本。
- 不要使用装饰性字体——截图显示为整洁、几何化的无衬线字体。
- 不要在文本后使用繁杂的背景——截图显示文本清晰地叠加在图像或纯白背景上。
- 不要使用多种强调色——截图显示始终如一地使用单一主导的深蓝色。
- 不要使用尖锐、激进的边角——截图显示主要元素采用一致的圆角(最大 32px)。
- 不要为主要界面使用深色模式——截图显示以白色和浅色主题为主的布局。
- 不要使用低对比度文本——截图显示高对比度的黑色或白色文本与其背景形成对比。
- 避免: 缺乏语境的过度技术术语。
- 避免: 激进或炒作式的营销语言。
- 避免: 视觉上杂乱的界面。
- 避免: 使用多种明亮颜色。
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Heart Aerospace 是一家高端电动飞机制造商。设计风格整洁、克制,以硬件为中心,采用由纯白 (#FFFFFF)、深黑 (#141414) 和单一、鲜活的深蓝 (#1032CF) 强调色组成的高对比度调色板。排版依赖 Neue Haas Grotesk Display 和 Text,特点是字距紧密且字号较大。关键禁忌:避免使用多种强调色,绝不使用装饰性或衬线字体,避免视觉杂乱或繁杂的布局。设计 DNA 以简洁的几何线条、充足的留白和高质量摄影为核心,以传达技术的精确性与富有远见的使命。
en · zh-CN · zh-TW · ja · ko