精選 · 開放 · 免費
Boom Supersonic
一個大膽的、以攝影為主導的航空航天網站，透過戲劇性的深色疊加與精準排版，展現超音速速度感。
aerospace
01
設計氣質 DNA
航空航天速度超音速工程創新
高性能航空航天工程與現代極簡主義的結合。
02
色彩
#FFF555Accent
#FFFFFFInk
#000000BG
#88898AMuted
rgba(255, 255, 255, 0.2)Line
以黑白為基底的高對比配色，僅少量使用單一鮮亮黃色作為強調。
03
字型
geometric-sans
- display
72px · 700 - h1
48px · 500 - body
16px · 400 - caption
12px · 400
所有文字使用 Styrene A（或類似的幾何無襯線體） · 展示尺寸使用緊湊的字距與行高 · 小型文字與標籤使用寬鬆的字間距（1.2px）
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
80px
96px
140px
採用充裕的內邊距，搭配大尺度的垂直間距（96px、140px），在區塊之間創造出戲劇性的呼吸空間。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 6px
lg · 8px
pill · 999px
盡量減少可見邊框，偶爾使用細微的白色或灰色線條作為區隔。
0 4px 24px rgba(0, 0, 0, 0.3)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅出血的攝影區塊與結構化內容網格交替呈現，通常使用分割雙欄佈局來強調特色功能。
07
動效與互動
150msmicro
300mssmall
700msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素上流暢的懸停過渡效果（0.15 秒） · 滾動觸發的顯現動畫，使用較長的 transform 動畫（0.7 秒）
按鈕與連結上細膩的背景或色彩過渡。 · 透過色彩變化提供即時的視覺回饋。
08
組件
- button 主要的「加入 Boom」按鈕採用白色背景、黑色文字、銳利圓角（4px radius），懸停時顯示深色邊框。次要按鈕使用透明背景搭配白色邊框。
- card 以圖片為主的卡片，無可見邊框，依靠攝影內容本身來界定邊緣。
- chip 用於導覽或類別的小型、全大寫文字標籤，使用寬鬆的字間距。
- input 極簡風格的輸入欄位，僅帶有細微的底部邊框，無可見容器。
- hero 全視域的攝影或影片背景，搭配深色疊加層（rgba(0,0,0,0.5)），中央置中的大型白色排版，以及滾動指示器。
09
文案語氣與禁用清單
- 語氣 自信、具前瞻性且技術精準。
- 標題風格 簡短而有力的語句，例如「速度是我們的超能力」，採用粗體、大型字體呈現。
- 按鈕文案 直接且具行動導向（例如：「加入 Boom」）。
- 避免使用雜亂或擁擠的佈局——截圖顯示了充裕的留白與元素間的大尺度呼吸空間。
- 避免使用廣泛的色系——截圖顯示了嚴格的調色盤，僅包含白、黑、灰及單一黃色強調色。
- 避免在主要按鈕上使用圓角——截圖顯示了銳利圓角，最大半徑僅 4px。
- 避免使用小型、緊湊的排版——截圖顯示了大型、粗體的展示文字與緊湊的字距。
- 避免使用複雜的背景圖案——截圖顯示了純黑背景或全幅出血的攝影圖片。
- 避免使用過於裝飾性的字體——截圖顯示了完全採用乾淨的幾何無襯線體排版。
- 避免: 俏皮或隨意的語言
- 避免: 過多的驚嘆號
- 避免: 未提供脈絡的艱澀術語解釋
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Boom Supersonic 是一家專注於開發世界最快商用飛機的航空航天公司。網站採用黑白灰為主的高對比調色盤（#000000、#FFFFFF、#88898A），並搭配單一鮮亮的黃色強調色（#FFF555）。排版使用乾淨的幾何無襯線體（Styrene A），標題採用粗體、緊湊字距的展示尺寸，小型標籤則使用較寬的字間距。關鍵特色包括帶有深色疊加層的全幅出血攝影背景、充裕的內邊距（96px 至 140px），以及極簡的介面元素。重要禁忌：切勿使用雜亂佈局、避免廣泛色系、不使用圓角按鈕，並全程保持大型、粗體的排版風格。
en · zh-CN · zh-TW · ja · ko