精選 · 開放 · 免費
Fritz Hansen
一個高端、極簡的展示平台,專為頂級家具與設計展覽而生。
furnituredesign
01
設計氣質 DNA
高端北歐家具設計傳承
一座精緻的北歐設計畫廊。
02
色彩
#D6E1B9Accent
#000000Ink
#333333Ink soft
#FFFFFFBG
#EFEEEBBG soft
#C6C6C6Muted
rgba(0,0,0,1)Line
嚴格的單色調搭配單一柔和粉蠟色。
03
字型
grotesque-sans
- display
34px · 500 - body
14px · 400 - caption
11px · 400
導覽與部分標籤使用大寫文字。 · 展示尺寸採用緊湊字距調整。 · 整體使用乾淨、高可讀性的無襯線字型。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的垂直內邊距,搭配標題緊湊的行高。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用 1px solid #000000 進行結構分隔。
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
不對稱網格搭配高品質攝影。
07
動效與互動
250msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.01, 0.25, 1)easing
內容區塊流暢的淡入效果。 · 捲動時細膩的變換動畫。
細微的透明度或顏色變化。 · 即時回應,無彈跳效果。
08
組件
- button 純黑或淺綠背景,銳角邊緣。
- card 圖片為主,底部帶有細線邊框。
- chip 極簡的文字選擇項。
- input 底線或細邊框樣式,介面元素極簡。
- hero 大版面影像搭配粗體文字疊加。
09
文案語氣與禁用清單
- 語氣 精煉、沉靜且具權威感。
- 標題風格 粗體、大寫且簡潔。
- 按鈕文案 清晰、直接,常搭配箭頭符號。
- 避免使用圓角——截圖顯示完全銳利的邊緣。
- 避免使用陰影——截圖顯示扁平、以邊框分隔的表面。
- 避免使用鮮豔的主色——截圖顯示柔和的綠色與嚴格的單色調。
- 避免使用襯線字型——截圖顯示乾淨、幾何感的無襯線字型。
- 避免使用裝飾性圖示——截圖顯示極簡、功能性的 UI 元素。
- 避免佈局擁擠——截圖顯示大量留白空間。
- 避免: 鮮豔色彩
- 避免: 俏皮語言
- 避免: 複雜漸層
- 避免: 圓角邊緣
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
此設計代表 Fritz Hansen,一個高端的北歐家具品牌。其識別極簡而精緻,依靠單色調色盤(#000000 墨色背景為 #FFFFFF),並以單一柔和的粉蠟色(#D6E1B9)作為語言選擇器。字型採用乾淨的 grotesque-sans,標題使用緊湊字距調整,內文則留有充裕間距。佈局寬敞,強調大規模攝影。重要禁忌:絕不使用圓角、避免陰影、不引入鮮豔高飽和度的色彩。
en · zh-CN · zh-TW · ja · ko