精選 · 開放 · 免費
Lunchconcept
以策展為先的時尚平台，採用大膽的編輯攝影與鮮明排版。
EditorialPhotographicCurationPremiumGallery
01
設計氣質 DNA
時尚獨立設計師策展編輯風格
由藝廊策劃的高端時尚雜誌
02
色彩
#FF0000Accent
#000000Ink
#F4F1E4BG
rgba(0,0,0,1.0)Line
高對比度的編輯式配色，以溫暖的米白色為基底，搭配單一醒目的紅色作為狀態強調色。
03
字型
high-contrast-serif · humanist-sans
- display
120px · 400 - heading
32px · 700 - body
12px · 400
04
間距
4px
8px
16px
20px
24px
32px
60px
緊湊的編輯式間距，大型元素周圍留有充足空白
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
頁面區塊底部使用 1px solid black 邊框
06
版面
1400container
12columns
20pxgutter
768 / 1024breakpoints
全版面攝影後接嚴謹、密集的多欄位產品網格。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
懸停與頂級導覽使用平滑過渡效果
游標指針配合顏色或透明度的平滑過渡 · 狀態立即變換，無厚重載入動畫
08
組件
- button 基於文字的導覽連結，採用大寫樣式
- card 無邊框產品卡片，包含圖片、設計師名稱、產品名稱與價格
- chip 「售罄」狀態使用亮紅色文字
- hero 全視野圖片搭配大規模、重疊的 3D 金屬質感排版
09
文案語氣與禁用清單
- 語氣 直接、極簡、具權威感
- 標題風格 簡短、粗體、大寫、具衝擊力
- 按鈕文案 低調的文字連結而非醒目按鈕
- 勿使用圓角——截圖顯示全站嚴格採用直角、90 度邊緣
- 勿使用彩色背景——截圖顯示一致的溫暖米白色（#F4F1E4）基底
- 勿使用隨意的無襯線字體——截圖顯示高對比襯線體與簡潔人文主義無襯線體的組合
- 勿使用陰影效果——截圖顯示完全平面、無邊框的產品卡片
- 勿使用鮮豔的多色強調——截圖顯示僅單一、特定用途的紅色（#FF0000）作為狀態指示
- 勿將內文置中對齊——截圖顯示嚴格的左對齊編輯式結構
- 避免: 雜亂的佈局
- 避免: 過度促銷文字
- 避免: 活潑或圓潤的元素
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此網站為專注於獨立設計師的高端時尚電子商務平台，採用引人注目的編輯式佈局。關鍵色彩包括溫暖的米白色背景（#F4F1E4）與單一高飽和紅色強調（#FF0000）用於狀態訊息。排版上，大規模展示元素採用高對比襯線體，導覽與產品細節則使用簡潔的人文主義無襯線體。佈局結構性強，依賴嚴謹的網格與充足空白。關鍵禁忌：絕不使用圓角，背景嚴格保持米白色或黑色，避免任何活潑或雜亂的 UI 模式。
en · zh-CN · zh-TW · ja · ko