精選 · 開放 · 免費
Byredo
結合極簡主義與雕塑感字體的高端香氛品牌。
beautyfragrance
01
設計氣質 DNA
奢華極簡主義北歐風格香氛高端定位
專注於嗅覺構成的高端藝廊
02
色彩
#000000Ink
#ffffffBG
#f5f5f5BG soft
#767676Muted
rgba(229, 231, 235, 1)Line
嚴格的單色字體運用，確保彩色產品影像成為視覺焦點
03
字型
stencil-sans · geometric-sans
- display
120px · 400 - h1
28px · 400 - body
14px · 400 - caption
10px · 400
04
間距
4px
8px
12px
16px
24px
28px
48px
64px
96px
頁尾欄位間採用充裕的垂直間距；卡片與互動區域保持28px的內距一致性
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 6px
lg · 20px
pill · 9999px
rgba(0,0,0,0) 0 0 0 0 · rgb(128,128,128) 0 0 5px 0
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血影像覆層；結構嚴謹的多欄位頁尾格線系統
07
動效與互動
220msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
透明度與變形互動採用300毫秒淡入淡出效果 · 互動元素的色彩與填充過渡
色彩與透明度變化，搭配300毫秒cubic-bezier過渡 · 立即視覺回應後進入狀態切換
08
組件
- button 極簡的外框或文字式按鈕，搭配細膩的hover過渡效果
- card 邊框半徑極小的純白卡片，用於呈現產品詳情
- chip 圓角膠囊型狀態指示標籤
- input 極簡的底線式文字輸入欄位，留有充足留白
- hero 全視窗沉浸式攝影，搭配純白覆層文字
09
文案語氣與禁用清單
- 語氣 權威、含蓄、聚焦奢華感
- 標題風格 簡短有力，常採用全大寫
- 按鈕文案 低調的文字式行動呼籲，完全不突兀
- 勿使用鮮明強調色——截圖顯示嚴格的單色調色盤
- 勿施加沉重陰影——截圖顯示以平面或淺灰陰影為主
- 勿使用高度裝飾的襯線字體——截圖顯示幾何無襯線與自訂模板字體
- 勿讓介面充斥多重競爭元素——截圖顯示單一主導焦點
- 勿使用大圓角卡片（大半徑）——截圖顯示互動元素採用4px-6px小圓角
- 勿使用粗重字重——截圖顯示所有文字元素統一採用400字重
- 避免: 過多驚嘆號
- 避免: 張揚或促銷式語言
- 避免: 裝飾性邊框或花紋
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
設計一款高端極簡主義奢華電商介面，優先呈現編輯攝影而非UI元素。採用嚴格的單色調色盤：白色(#ffffff)背景、深黑(#000000)字體，以及淺灰(#767676, #f5f5f5)用於次要元素；禁止引入任何鮮明強調色。使用幾何無襯線字體作為內文字型，自訂模板無襯線字體作為粗體標誌，維持統一的400字重。關鍵限制：禁止使用沉重陰影、避免大邊框半徑值，並確保介面退居幕後讓產品影像完全主導視覺。字體應採用寬鬆字距(0.35px)並以大寫為主，強化奢華定位。
en · zh-CN · zh-TW · ja · ko