精選 · 開放 · 免費

Anduril

一個高端的國防與自主平台，運用電影般的攝影與嚴謹的極簡字體，傳達主權能力。

01

設計氣質 DNA

一個紀律嚴明、視覺標準毫不妥協的航空航天工作室。

02

色彩

高對比的深色介面，UI 完全退居次要，讓大規模的電影級攝影內容成為焦點。

03

字型

humanist-sans · monospace

• display56px · 500
• subheading24px · 500
• body15px · 400
• caption12px · 400

技術標籤使用大寫、等寬字距。 · 粗體標題使用緊湊的負字母間距。 · 所有內文主要依賴人文無襯線字體。

04

間距

主要內容區塊之間採用寬敞的 64px 與 112px 垂直內距，以維持電影般、無雜訊的感覺。

05

表面 (圓角 / 陰影 / 邊線)

1px solid rgba(255,255,255,0.12)

rgb(223, 241, 64) 0px 0px 10px 0px · rgb(223, 241, 64) 0px 0px 5px 0px

06

版面

全版面、邊到邊的結構網格，旨在優先呈現大型攝影資產與高衝擊力標題。

07

動效與互動

首圖元素採用流暢、緩慢的入場過渡，以建立高端、沉穩的基調。 · UI 狀態變化（如 hover 與 focus）採用細微的 0.3 秒 ease-out 過渡。

文字元素採用細微的顏色過渡（0.3 秒 ease-out），互動區域則有最小化的縮放效果。 · 立即提供視覺回饋，隨後進行流暢的頁面或段落過渡。

08

組件

• button 簡潔的文字式導覽，內距寬裕；次要動作轉為大寫等寬標籤。
• card 邊到邊的攝影容器，帶有細微的 hover 狀態，強調沉浸式視覺而非 UI 裝飾。
• chip 等寬、大寫、展開字距的技術標籤（例如 'DESIGNED BY ANDURIL'）。
• input 極簡、無邊框的文字輸入欄，與深色背景無縫融合。
• hero 跨越整個視窗的大型攝影背景，旨在創造最大的電影衝擊力與敘事重量。

09

文案語氣與禁用清單

• 語氣 權威、精確，且毫不妥協地專業。
• 標題風格 簡短、高衝擊力、具宣告性的語句，傳達絕對能力。
• 按鈕文案 直接、簡潔、行動導向，無多餘贅字。

• 不要在主要 UI 元素上使用柔和、圓潤的邊角——截圖顯示為 2px border-radius。
• 不要依賴明亮、多色的漸層——截圖顯示為簡潔、高對比的深色介面。
• 不要使用置中的導覽佈局——截圖顯示為嚴謹、左對齊的結構層級。
• 不要使用小而擁擠的圖片——截圖顯示為大規模、邊到邊的攝影資產。
• 不要使用裝飾性圖標或表情符號——截圖顯示為嚴格的字體與攝影手法。
• 不要使用厚重、深色的投影——截圖顯示為最小化或彩色（萊姆綠）的光暈效果。
• 避免: 避免使用表情符號或非正式標點符號。
• 避免: 避免使用誇張的行銷術語。
• 避免: 避免使用雜亂的佈局或不必要的視覺干擾。
• 避免: 避免使用俏皮或圓潤的設計元素。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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