精選 · 開放 · 免費
Rolls-Royce
極致奢華的汽車品牌，透過沉浸式的電影感攝影與克制的排版，展現優雅車款。
automotiveluxury
01
設計氣質 DNA
極致奢華傳承汽車工藝
一本高端奢華汽車雜誌
02
色彩
#FFFFFFInk
#151515BG
#222222BG soft
#888888Muted
rgba(255, 255, 255, 0.2)Line
以單色調暗色為基底，搭配高對比度的白色文字，讓攝影作品自然發聲。
03
字型
geometric-sans · sans-serif
- display
70px · 300 - sub-display
28px · 300 - body
16px · 400
所有文字皆為大寫 · 大型展示文字使用細體字重 · 標題採用寬鬆的字距
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
運用充裕的留白，強調奢華感並營造呼吸空間
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
使用細微的細線作為分隔線與邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血主視覺，內容置中排列
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
文字與 UI 元素採用平滑淡入效果
細微的透明度變化或背景色過渡 · 立即回應並搭配平滑過渡
08
組件
- button 藥丸形狀的外框按鈕，搭配大寫文字
- card 全出血的電影感主視覺圖片
- hero 全螢幕背景圖，搭配置中、堆疊的排版
09
文案語氣與禁用清單
- 語氣 權威、優雅且含蓄
- 標題風格 全大寫、寬鬆字距、細體字重
- 按鈕文案 藥丸形狀的外框按鈕，搭配置中大寫文字
- 勿使用鮮豔飽和的強調色——色調應嚴格遵循單色調與電影感
- 勿使用厚重、粗體的字重——美學依賴輕盈、優雅的排版
- 勿使用緊湊、窄小的字距——設計透過標題的寬鬆字距來營造呼吸感
- 勿使用裝飾性、手寫體或高度襯線的字體——排版應簡潔、幾何且現代
- 勿在介面上堆砌過多行動呼籲——佈局應聚焦於單一、清晰的視覺焦點
- 勿使用雜亂、有紋理或漸層的背景——設計依賴乾淨的攝影與純色暗調
- 避免: 雜亂的佈局
- 避免: 鮮豔飽和的強調色
- 避免: 隨意的語氣
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個奢華汽車品牌的網站。其設計語言具有電影感，採用全出血攝影搭配深色單色調色盤（#151515, #222222）。排版嚴格使用大寫，採用簡潔的幾何無襯線字體（Jost），並搭配寬鬆的字距（例如：大型標題為 11.2px）與輕盈的字重（300-400）來傳達優雅。互動效果細膩，依賴平滑的透明度與 transform 過渡（0.4 秒）。關鍵禁忌包括：避免使用鮮豔的強調色、避免使用厚重粗體的字重，以及避免使用元素過多、相互競爭的雜亂介面。整體感受應是極致的克制、頂級的工藝與永恆的精緻感，讓產品攝影成為絕對的焦點。
en · zh-CN · zh-TW · ja · ko