精選 · 開放 · 免費

Glein Wien

一個極簡、編輯風格的電商網站，透過高品質攝影與克制的字體排印，強調永續材質。

01

設計氣質 DNA

一個聚焦於材質的生活風格商品策展畫廊。

02

色彩

嚴格的單色調色盤（黑、白、淺灰）作為大型高品質編輯攝影的中性畫布。

03

字型

grotesque-sans · monospace

• display111px · 400
• heading30px · 400
• body15px · 400
• small13px · 400

導覽與功能連結大量使用大寫字母。 · 所有文字元素均使用標準字重（400）。

04

間距

寬裕的留白與緊湊的內部填充，常依賴影像構圖而非嚴格的格間距。

05

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

極簡；主要使用單像素線條作為按鈕、連結與細微分隔線。

06

版面

由大型首頁影像主導的不對稱瀑布式格狀佈局，在手機版則轉為單欄堆疊。

07

動效與互動

互動元件上的細微透明度過渡。 · hover 狀態下的色彩過渡。

細微的色彩或透明度變化；極簡的視覺回饋。 · 標準指標游標與即時回應。

08

組件

• button 極簡主義；純文字搭配等寬字體，或簡單的有邊框矩形作為主要操作按鈕。
• card 以影像為主的容器，帶有文字覆蓋，無傳統卡片邊框或背景。
• chip 無可見元件。
• input 標準的極簡表單元件（由 Cookie 視窗暗示）。
• hero 全出血或大型面板的編輯攝影，覆蓋類別標題與極簡的「顯示更多」連結。

09

文案語氣與禁用清單

• 語氣 靜謐、內斂且精緻。
• 標題風格 大、乾淨且極簡，常覆蓋於影像之上。
• 按鈕文案 內斂，通常是帶底線的文字連結而非顯眼按鈕。

• 不要使用飽和的強調色——截圖顯示嚴格的單色（黑/白/灰）調色盤。
• 不要使用粗體字重——截圖顯示所有文字均使用標準字重（400）。
• 不要使用裝飾性或手寫字體——截圖顯示乾淨、幾何的 grotesque-sans 與功能性等寬字體。
• 不要為卡片或按鈕添加圓角——截圖顯示銳利、0 圓角邊緣。
• 不要使用顯眼的陰影——截圖顯示平面、乾淨且無深度效果的表面。
• 不要用密集的文字區塊使介面雜亂——截圖顯示高度視覺化、以攝影為主的佈局，文字極少。
• 不要使用明亮、多彩的背景——截圖顯示多為白色或攝影背景。
• 避免: 響亮、高對比度的行動呼籲按鈕
• 避免: 密集的促銷文字區塊
• 避免: 明亮、飽和的色彩強調
• 避免: 複雜的圖標設計

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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