精選 · 開放 · 免費
Burberry
以簡潔編輯攝影與極簡介面框架呈現產品的奢華時裝品牌
fashionluxury
01
設計氣質 DNA
奢華英式傳承極簡頂級
如高端時裝品牌店面般內斂優雅
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.08)Line
以攝影為主要色彩載體的單色系克制原則
03
字型
transitional-serif
標題使用經典襯線體與正常字重 · 正文保持寬鬆字距以營造奢華感 · 層級關係微妙，主要依賴比例而非字重變化
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
整體採用寬敞留白以傳遞奢華感與呼吸空間
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
無可見邊框；僅透過留白區隔元素
06
版面
1440container
12columns
24pxgutter
768 / 1024 / 1440breakpoints
置中主視覺搭配下方全出血攝影圖
07
動效與互動
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
編輯區段間的微妙淡入淡出轉場 · 產品攝影的視差滾動效果
互動元素的微妙透明度變化 · 即時回應搭配最小化反饋動畫
08
組件
- button 極簡的文字型行動呼籲，採用低調樣式
- card 乾淨的影像優先產品卡片，搭配極簡覆蓋文字
- chip 精緻的分類篩選器，採細邊框或底線樣式
- input 簡潔的搜尋欄位，僅含底部細線
- hero 全出血編輯攝影搭配襯線體覆蓋文字
09
文案語氣與禁用清單
- 語氣 自信、內斂、精緻
- 標題風格 短促陳述句搭配經典襯線體
- 按鈕文案 低調的文字連結而非顯眼按鈕
- 勿使用鮮豔飽和色彩——截圖顯示以攝影圖像作為唯一色彩來源的單色調色盤
- 勿添加裝飾性陰影或深度——截圖顯示完全無凸起的扁平面板
- 勿在容器使用圓角——截圖顯示銳利精準的幾何邊緣
- 勿以緊湊間距擁擠元素——截圖顯示所有元素間均保持寬敞留白
- 勿使用無襯線展示字型——截圖顯示品牌標識採用襯線字形
- 勿添加視覺雜訊或圖案背景——截圖顯示乾淨的純白背景
- 避免: 驚嘆號或熱情洋溢的用語
- 避免: 喧鬧的促銷標語
- 避免: 複雜的多詞行動呼籲
11
System Prompt
這是透過編輯克制與傳承可信度來定位自身的奢華時裝品牌網站。視覺系統採用鮮明的單色調，以純白背景與黑色字體為基調，讓產品攝影成為主要色彩表現。字體完全採用過渡襯線體，全文使用單一字重以實現低調優雅。關鍵限制：避免所有裝飾性元素如陰影或圓角，永遠不要以緊湊間距擁擠版面，也永遠不要使用熱情或促銷性語言。設計透過負空間、經典襯線體與完全避免介面裝飾來達成頂級定位。每個元素皆退居幕後，突顯前景產品影像。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko