精選 · 開放 · 免費

Varierfurniture

一個以極致內斂、單色調色盤與充裕呼吸空間定義的高端家具品牌網站。

01

設計氣質 DNA

一個靜謐的斯堪的納維亞展廳，擁有豐富的留白與克制的字體排印。

02

色彩

採用白色、黑色與一系列可控暖灰色的嚴謹單色調色盤。

03

字型

geometric-sans

• display56px · 400
• h124px · 400
• body16px · 400

所有文字層級均使用幾何無襯線體 · 所有元素統一採用輕盈或 regular（400）字重 · 所有文字皆施加寬鬆的字距，以提升可讀性與優雅感

04

間距

採用寬裕的垂直間距，主要內容區塊周圍有顯著的內距（垂直內距為 78px 至 109px）。

05

表面 (圓角 / 陰影 / 邊線)

按鈕與外框使用 1px 實線邊框，顏色為柔和的灰色（#9C9C9C）

rgba(0, 0, 0, 0.1) 0px 8px 10px -6px · rgba(0, 0, 0, 0.1) 0px 20px 25px -5px

06

版面

置中的單欄佈局，嚴格對齊視埠中央。

07

動效與互動

互動元素上的 background-color 與 color 平滑過渡 · hover 狀態的 transform 過渡

按鈕與導覽連結在 hover 時，提供細膩的 background-color 或 color 過渡（0.15s-0.25s）。 · 互動元素使用標準指標游標。

08

組件

• button 膠囊形按鈕，填充深灰色並搭配白色文字，或採用透明底色搭配 1px 灰色邊框。
• card 本頁面無卡片或極簡化；內容依賴純平面的白色表面。
• chip 本頁面無此組件。
• input 本頁面無此組件。
• hero 一個垂直置中的大型文字區塊，具有極大的上下內距，且不含圖片。

09

文案語氣與禁用清單

• 語氣 冷靜、專業且直接。
• 標題風格 簡短、清晰，完全不含行銷術語。
• 按鈕文案 以行動為導向且禮貌（例如：「返回首頁」、「接受 cookies」）。

• 勿使用鮮豔、飽和的色彩——截圖顯示嚴謹的單色調色盤，由白色、黑色與灰色組成。
• 勿使用粗重的字重——截圖顯示所有文字統一使用 regular（400）字重。
• 勿建立密集、擁擠的佈局——截圖顯示寬裕的留白與內距（垂直 78px-109px）。
• 勿在主要按鈕上使用銳利的方形邊角——截圖顯示膠囊形（999px）按鈕。
• 勿在各處使用投影——截圖顯示投影僅出現在特定聊天小工具與最小化的互動狀態上。
• 勿添加不必要的裝飾元素——截圖顯示一個非常乾淨、極簡的介面，沒有任何插圖。
• 避免: 鮮豔或飽和的色彩
• 避免: 過多的標點符號或表情符號
• 避免: 密集的文字區塊
• 避免: 喧鬧或侵略性的字體排印

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko