精選 · 開放 · 免費
Flos
高級義大利燈具品牌，具備極簡、編輯式美學。
lightingdesign
01
設計氣質 DNA
燈具設計義大利建築燈飾
高階照明設計的畫廊目錄。
02
色彩
#FFFFFFInk
#000000BG
#FAFAFABG soft
#666666Muted
rgba(0,0,0,0.15)Line
高對比攝影為主導；文字顏色視明暗情境而反轉。
03
字型
humanist-sans
- display
64px · 800 - heading
40px · 600 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
40px
48px
64px
96px
充裕留白與緊湊的標題字距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 4px
lg · 40px
pill · 999px
視情境使用 1px solid #000000 或 #FFFFFF。
rgba(0, 0, 0, 0.15) 0px 4px 16px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅英雄圖片搭配疊加文字；基於網格的產品卡片。
07
動效與互動
200msmicro
300mssmall
600msmedium
cubic-bezier(0.455, 0.03, 0.515, 0.955)easing
平滑淡入過渡 · hover 時縮放變換
細微的 opacity 或背景色變化。 · 標準指標游標。
08
組件
- button 幽靈按鈕，1px solid 邊框與全大寫文字。
- card 影像為主的卡片，無可見邊框或陰影。
- hero 全螢幕攝影背景，搭配左對齊白色文字。
09
文案語氣與禁用清單
- 語氣 精緻、建築感且內斂。
- 標題風格 粗體、全大寫或標題式大寫，極簡標點。
- 按鈕文案 全大寫，幽靈按鈕風格。
- 勿使用明亮、飽和的色彩——截圖顯示調色盤以黑、白、柔和灰為主。
- 勿在主要元素上使用圓角——截圖顯示銳利邊緣或極微小圓角。
- 勿為卡片添加厚重陰影——截圖顯示平面、影像驅動的佈局。
- 勿使用裝飾性或手寫字體——截圖顯示所有文字使用簡潔的人文無襯線體。
- 勿在英雄區段堆砌多個行動呼籲——截圖顯示單一、清晰的「探索更多」按鈕。
- 勿在文字後使用複雜背景——截圖透過深色疊層或純色背景確保可讀性。
- 避免: 鮮豔色彩
- 避免: 活潑字體
- 避免: 過多 UI 裝飾
- 避免: 厚重陰影
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個高級義大利燈具品牌電子商務網站，具備極簡、編輯式美學。設計優先採用高品質攝影，搭配黑 (#000000)、白 (#FFFFFF) 與柔和灰 (#666666) 的高對比調色盤。字體為簡潔的人文無襯線體，標題使用常規與全大寫字重。關鍵設計限制：絕不使用明亮或飽和的強調色，保持充裕留白，避免厚重 UI 元素如粗邊框或複雜陰影。佈局嚴格基於網格，聚焦於大尺寸全幅影像，在情境中展示產品。
en · zh-CN · zh-TW · ja · ko