精選 · 開放 · 免費
Blu Dot
具備大膽、簡潔美學的現代家具與家居用品。
furnitureecommerce
01
設計氣質 DNA
現代家具北歐風格極簡主義建築感
如同以建築精度呈現的現代生活物件精選畫廊。
02
色彩
#E20008Accent
#000000Ink
#757575Ink soft
#FFFFFFBG
#EFEFEFBG soft
#979797Muted
rgba(160, 160, 160, 1)Line
以乾淨的黑白為基調，單一高能量紅色作為點綴。
03
字型
geometric-sans · humanist-sans
- display
70px · 700 - body
14px · 400
標題採用全大寫與緊湊字距。 · 內文使用 Regular 字重，力求高度易讀性。 · 文字顏色交替使用純黑與強調紅色以示強調。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
一致性 4px 網格，搭配寬裕留白以確立編輯風格的清晰度。
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 0px
lg · 0px
pill · 100px
輸入欄位使用 1px solid rgba(160, 160, 160, 1)，標準元素則使用純黑。
rgba(0, 0, 0, 0.2) 0px 0px 18px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
桌面版採全寬分割版面，行動版則垂直堆疊。
07
動效與互動
100msmicro
250mssmall
400msmedium
ease-in-outeasing
UI 狀態變化時平滑的透明度過渡。 · 互動元素上的細微色彩過渡。
立即的背景或文字色彩過渡。 · 標準指標游標，無強烈縮放效果。
08
組件
- button 全寬、實心紅色，搭配粗體白色大寫文字。
- card 邊緣簡潔，主要由高品質攝影定義。
- chip 膠囊狀標籤，常用於篩選功能。
- input 極簡矩形欄位，配以 1px 細邊框。
- hero 大膽的排版佈局，搭配色彩豐富的生活風格攝影。
09
文案語氣與禁用清單
- 語氣 直接、自信且具邀請性。
- 標題風格 簡短、有力、全大寫的短語，常帶有文字巧思。
- 按鈕文案 清晰且具交易性質，例如「繼續」或「選購」。
- 勿使用裝飾性襯線體 — 螢幕截圖顯示為簡潔的幾何與人文無襯線字體。
- 勿使用漸層 — 螢幕截圖顯示為實心、平坦的色塊作為強調。
- 勿在主要按鈕上使用圓角 — 螢幕截圖顯示為銳利、矩形的按鈕形狀。
- 勿使用深色模式 — 螢幕截圖顯示為明亮的白色背景作為主要內容區域。
- 勿使用柔和、低對比度的色彩 — 螢幕截圖顯示為高對比的黑色與紅色強調。
- 勿使用複雜陰影 — 螢幕截圖顯示為平面設計，僅有一處細微陰影實例。
- 避免: 雜亂的版面佈局
- 避免: 柔和或複雜的色盤
- 避免: 襯線字體
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個以簡潔編輯美學與大膽用色為特色的現代家具與家居用品品牌。主色盤為鮮明的黑白，並以高能量紅色強調色（#E20008）點綴。字體方面，展示文字使用幾何無襯線體，內文使用人文無襯線體，始終保持清晰易讀的感受。版面寬敞且基於網格，優先使用高品質的生活風格攝影。關鍵限制包括：絕不使用裝飾性襯線體、避免漸層或深色模式，並保持按鈕等 UI 元素銳利且呈矩形。品牌語氣直接自信，使用簡短有力的標題與清晰的行動呼籲。所有元件皆維持高端、具建築感的氛圍。
en · zh-CN · zh-TW · ja · ko