精選 · 開放 · 免費

Bernerkuhl

具編輯風格與藝廊美學的極簡主義時尚電商平台。

01

設計氣質 DNA

一本高端時尚藝廊目錄。

02

色彩

單色調色板，聚焦於米白色背景上的高對比黑色。

03

字型

transitional-serif

• display20px · 400
• body12px · 400

導覽區與關鍵標籤使用大寫字母。 · 保持緊湊的行高以營造緊湊、精緻的感覺。 · 整體使用標準字重 (400) 以維持一致性。

04

間距

區塊之間保留充裕的留白，產品展示區則採用緊湊、結構化的網格。

05

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

輸入欄位與分隔線使用銳利的 1px 實線黑色邊框。

06

版面

桌面版採用邊對邊的影像呈現，過渡至純白背景搭配結構化的產品網格。

07

動效與互動

捲動時平滑的淡入效果與細微的變形效果。

游標在互動元素上變為手指圖示，可能伴隨細微的透明度變化。 · 立即回應，無沉重的回饋動畫。

08

組件

• button 以文字為主的極簡按鈕，通常為大寫，有時搭配小型實心方塊指示器。
• card 無邊框的產品卡片，完全依賴高品質攝影呈現。
• chip 小型圓角白色膠囊狀標籤，用於產品編號。
• input 僅有底部邊框的極簡輸入欄位。
• hero 大型全出血分割畫面影像或單張主題攝影作品。

09

文案語氣與禁用清單

• 語氣 精煉、內斂且直接。
• 標題風格 簡潔且具功能性，常使用編號序列。
• 按鈕文案 全大寫、極簡，並整合於整體網格中。

• 不要使用圓角處理卡片或容器 — 螢幕截圖顯示為銳利的方形邊緣。
• 不要使用粗體字重 — 螢幕截圖顯示所有文字均一致使用字重 400。
• 不要使用鮮豔的強調色 — 螢幕截圖顯示嚴格的黑、白、灰單色調色板。
• 不要在 UI 元素上使用陰影效果 — 螢幕截圖顯示完全扁平的設計。
• 不要對正文使用複雜的多欄佈局 — 螢幕截圖顯示非常簡單、通常是單欄的結構。
• 不要使用標準無襯線字體 — 螢幕截圖使用一種獨特的過渡襯線體作為所有排版。
• 避免: 鮮豔色彩
• 避免: 俏皮文案
• 避免: 密集的文字區塊
• 避免: 雜亂背景

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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