精選 · 開放 · 免費
USM
一款源自瑞士現代主義、基於網格的高級模組化家具系統。
furnituredesign
01
設計氣質 DNA
模組化瑞士現代主義系統精準
家具界的包浩斯建築師
02
色彩
#000000Ink
#373A40Ink soft
#FFFFFFBG
#F5F5F5BG soft
#E8E8E8BG quiet
#808080Muted
rgba(0,0,0,0.1)Line
嚴格的單色調畫布,讓色彩鮮明的模組化產品攝影主導所有注意力。
03
字型
grotesque-sans
- display
56px · 500 - h1
40px · 400 - body
16px · 400
全大寫字體謹慎用於功能性文字 · 標準字重的文字採用寬鬆的字距(0.5px) · 嚴格維持高對比度(黑底白字)
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
120px
寬裕、大量的留白定義了奢華質感。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
無可見的 UI 邊框;結構線條由產品幾何形狀定義。
rgba(0, 0, 0, 0.1) 0px 5px 50px 0px
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
滿版出血的攝影圖像,與嚴格的剛性網格系統交織。
07
動效與互動
220msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
簡單的透明度淡入淡出 · 流暢的寬度過渡
細微的透明度變化或簡單的文字底線。 · 即時的視覺回饋
08
組件
- button 極簡的幽靈按鈕,具備銳利邊角與全大寫字體排印。
- card 無容器的產品影像,由寬裕的留白框架圍繞。
- chip 無
- input 簡潔、單底線邊框的輸入框,具備高對比度。
- hero 高品質的生活風格攝影,搭配置中、銳利的字體排印與單一明確的行動號召。
09
文案語氣與禁用清單
- 語氣 精緻、精準且低調。
- 標題風格 簡短、陳述性且純粹事實。
- 按鈕文案 直接且以行動為導向(例如:「看看吧」)。
- 不要使用圓角——截圖顯示按鈕與元素具備銳利的 90 度角。
- 不要在主要 UI 元素上使用陰影——截圖顯示平坦、無陰影的介面。
- 不要使用裝飾性背景——截圖顯示核心元件周圍乾淨的白色空間(#FFFFFF)。
- 不要混合使用字體家族——截圖顯示一致的 Helvetica/Arial 無襯線字體堆疊。
- 不要使用厚重的字重——截圖顯示以 400 字重為主,搭配輕盈的 300 字重。
- 不要使用色彩強調——截圖顯示嚴格的黑白 UI,讓產品顏色得以發光。
- 避免: 驚嘆號
- 避免: 行銷用誇張用語
- 避免: 過於隨意的語言
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個高端、現代主義的模組化瑞士家具電子商務平台。它依賴於一個極簡、高對比的單色調 UI(白色 #FFFFFF 與黑色 #000000),作為色彩鮮明的產品攝影的中性畫布。字體排印專門使用無襯線字體家族(Helvetica/Arial),主要採用常規(400)與輕盈(300)字重,並搭配寬鬆的字距(0.5px)。版面遵循嚴格的網格系統,具備廣泛的留白(120px padding)與銳利的零像素圓角。不要使用圓角、陰影、混合字體或彩色的 UI 強調。永遠不要使用厚重的字重或行銷用誇張用語;維持精準、低調且高度結構化的視覺語氣。
en · zh-CN · zh-TW · ja · ko