精選 · 開放 · 免費

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 效果主要涉及顏色與邊框的過渡。

互動元素在 border 顏色或文字顏色上有細微的過渡效果。 · 透過 active 狀態或頁面過渡提供即時的視覺回饋。

08

組件

• button 外框或幽靈風格的按鈕，具有 2px 白色邊框、大寫文字與寬字距。
• card 全寬照片區塊並帶有文字覆蓋層，作為大型互動卡片。
• chip 無可見元素。
• input 極簡風格的搜尋或表單輸入框，帶有細微邊框。
• hero 全視野的照片或影片背景，搭配大規模的排版與單一 CTA。

09

文案語氣與禁用清單

• 語氣 鼓舞人心、具權威性且著眼未來。
• 標題風格 紀念碑式、大寫且直接，強調核心任務與技術能力。
• 按鈕文案 以行動為導向且簡潔，例如「我們的任務」或「探索引擎」。

• 不要將主要任務聲明的佈局置中對齊——截圖顯示它們是左對齊的，以維持強大的建築感基礎。
• 不要為主要區塊使用白色背景——截圖顯示使用黑色或深色背景以增強太空主題。
• 不要為標題使用纖細的裝飾性字體——截圖顯示使用粗體、幾何感的無襯線字體。
• 不要為主要按鈕使用圓潤的 UI 元素——截圖顯示使用尖銳或稍微圓潤（2-4px）的矩形按鈕。
• 不要使用多種強調色——截圖顯示嚴格使用黑-白-藍的配色。
• 不要使用小型、擁擠的排版——截圖顯示使用大型、間距良好的顯示字體以達到最大衝擊力。
• 避免: 避免使用隨意或對話式的語言。
• 避免: 避免使用雜亂的佈局，以免分散對主要影像的注意力。
• 避免: 避免使用低對比度的文字，以免破壞電影感。
• 避免: 避免使用不具功能性或氛圍營造目的的裝飾性元素。
• 避免: 避免在同一視圖中使用多種字體系列。
• 避免: 避免使用圓潤、俏皮的 UI 元素，以免與技術主題衝突。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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