精選 · 開放 · 免費

McLaren

一支 Formula 1 車隊與超跑製造商的數位呈現，以戲劇性的攝影與外科手術般的精準度定義。

01

設計氣質 DNA

如同一台高性能機器，每個部件都經過優化，每處表面都有其目的。

02

色彩

以單色系（黑/白）為基底，並以單一、強烈的品牌橘色點綴。

03

字型

geometric-sans

• display56px · 500
• heading25px · 400
• body16px · 400
• caption12px · 400

所有導覽與章節標題均採用全大寫。 · 大寫文字元素的字距會增加（2px）。 · 基本字級為 16px，行高固定為 1.5（24px）。

04

間距

採用一致的 8px 格線系統，互動元素則使用寬裕的內距（12px-26px）。

05

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

1px solid rgb(229, 231, 235)，用於細微的分區與焦點狀態。

rgba(0, 0, 0, 0.08) 0px 4px 12px 0px

06

版面

全視窗主視覺圖片，內容疊加於底部。

07

動效與互動

互動元素在 hover 時，進行細微的變換（transform）過渡。 · 狀態轉換時，顏色與背景色進行平滑過渡。

透過顏色過渡或變換提供細膩的視覺回饋。 · 即時反應，並以標準的 cursor: pointer 指示。

08

組件

• button 平面矩形區塊，採用品牌橘色實色背景與黑色大寫文字。
• card 極簡或省略，傾向使用全寬攝影構圖。
• chip 以文字為主的導覽連結，並以底線作為指示。
• input 在此類以主視覺為主的區段中，並非顯著可見。
• hero 採用邊對邊的電影級攝影，底部帶有由暗至亮的漸層疊加。

09

文案語氣與禁用清單

• 語氣 權威、精緻且以性能為導向。
• 標題風格 粗體、全大寫且簡潔，常在深色背景上形成高對比。
• 按鈕文案 直接且功能導向，使用品牌色的實色區塊與大寫文字。

• 不要使用圓角——截圖顯示的是銳利的矩形按鈕與介面元素。
• 不要使用多種強調色——截圖顯示的是嚴格的單色系配色，僅有一種橘色點綴。
• 不要使用小寫的導覽文字——截圖顯示所有選單項目均為大寫。
• 不要使用裝飾性或手寫字體——截圖顯示的是簡潔的幾何無襯線字體。
• 不要在主視覺區域堆砌文字——截圖顯示的是大面積攝影區域，搭配極簡且佈局得宜的文字。
• 不要在主要元素上使用陰影——截圖顯示的是平面設計，僅在資料區塊中使用一個細微的陰影。
• 避免: 俏皮或異想天開的語言
• 避免: 圓角或柔和的形狀
• 避免: 雜亂或擁擠的版面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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