精選 · 開放 · 免費
Khaite
融合編輯式攝影、精緻排版與充裕留白的奢華時尚電商體驗。
fashionluxury
01
設計氣質 DNA
奢華時尚編輯式極簡優雅
一家融合編輯式攝影與精緻排版的高級時裝精品店。
02
色彩
#000000Ink
#222222Ink soft
#FFFFFFBG
#F8F8F8BG quiet
rgba(0,0,0,0.15)Line
嚴格的無彩色調，以純黑與純白為主導，讓高品質攝影圖片承擔所有視覺趣味與品牌個性。
03
字型
didone-serif · grotesque-sans
- display
56px · 400 - heading
12px · 400 - body
12px · 400
品牌標誌 'KHAITE' 使用高對比度的 didone 衬線體（ITC Galliard），並採用較大尺寸。 · 所有導覽與介面文字使用乾淨、輕盈的 grotesque sans-serif（Fakt Pro），尺寸為 12px。 · 文字頻繁使用全大寫並搭配寬鬆的字間距，以營造精緻的編輯感。 · 字重嚴格控制在 350-400，除極少數強調處外避免使用粗體。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
嚴格的 4px 基礎網格，搭配充裕的留白與呼吸空間，尤其在攝影元素周圍。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
極簡使用，僅用於互動文字元素（如「立即選購」）的細微下底線。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全版出血的英雄影像，後接乾淨、置中的網格佈局，元素間留有充裕負空間。
07
動效與互動
300msmicro
300mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素狀態的透明度過渡 · hover 時細微的背景色變化
文字連結細微的透明度降低或底線出現 · 標準的游標互動，除 hover 狀態外無額外視覺回饋
08
組件
- button 極簡的文字連結，帶有細微底線或邊框；無實心填色按鈕。
- card 乾淨、無裝飾的產品展示，搭配影像與小型全大寫文字標籤。
- hero 全視口攝影英雄圖，覆蓋襯線體標題與細微的文字連結號召用語。
09
文案語氣與禁用清單
- 語氣 精緻、內斂且自信
- 標題風格 優雅的襯線體標題，偶爾使用斜體，傳達編輯權威感。
- 按鈕文案 細微的文字號召用語，使用纖細底線而非粗體按鈕。
- 勿使用粗體、厚重的字體 — 截圖顯示整體採用輕盈字重（350-400）
- 勿添加裝飾性陰影或光暈 — 截圖顯示完全扁平、乾淨的表面
- 勿使用彩色按鈕或徽章 — 截圖僅顯示帶底線的細微文字連結
- 勿用多重競爭元素使佈局雜亂 — 截圖顯示充裕的留白
- 勿在容器上使用圓角 — 截圖顯示銳利、乾淨的邊緣
- 勿使用繁複的花紋或漸層 — 截圖顯示純白與近白色的背景
- 避免: 過多的標點符號
- 避免: 隨意的語言
- 避免: 視覺雜亂
- 避免: 促銷徽章
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是 Khaite 的奢華時尚電商網站。定位為高端、編輯式且內斂。關鍵色為純黑（#000000）與純白（#FFFFFF），無強調色。字體方面，品牌標誌與標題使用 didone 衬線體（ITC Galliard），所有介面文字使用輕盈的 grotesque sans-serif（Fakt Pro），尺寸為 12px。關鍵禁忌：絕不使用粗體字重，絕不添加裝飾性陰影，絕不使用彩色按鈕，絕不使佈局雜亂，絕不將容器圓角化，絕不使用繁複背景。設計優先考量高品質攝影，以最小化的介面干預，創造提升的購物體驗。
en · zh-CN · zh-TW · ja · ko