精選 · 開放 · 免費
Acne Studios
以巨大比例、單色調與臨床攝影定義的極簡高端時尚零售。
fashioneditorial
01
設計氣質 DNA
極簡主義前衛北歐風格高端時尚淨透
單色調畫廊中，服裝成為唯一色彩。
02
色彩
#000000Ink
#6B6B6BInk soft
#FFFFFFBG
#F7F7F7BG soft
rgba(0,0,0,1)Line
嚴格採用單色調，僅以產品作為唯一視覺變化。
03
字型
grotesque-sans · humanist-sans · monospace
- display
120px · 500 - caption
12px · 400
所有導航與分類標籤標準採用全大寫轉換。 · 大字級展示文字與小字級輔助文字皆採用緊湊字距。 · 字體純粹功能導向，作為影像的中性網格。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
微間距採用緊湊一致的 4px 基礎比例，宏觀間距則由巨大影像主導。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
互動元素採用 1px solid black，其餘無邊框。
0px 1px 0px 0px rgb(242, 242, 242) inset
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
無邊框流動網格，優先採用全版幅編輯影像而非結構化容器。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
hover 時細微透明度轉場 · 全版幅影像替換
文字連結細微透明度降低或色彩反轉。 · 立即轉場，無厚重觸覺回饋。
08
組件
- button 無邊框文字連結或僅以 1px 邊框與緊湊 padding 定義的極簡方塊。
- card 無邊框影像容器，浮動於上方的極簡文字標籤。
- chip N/A
- input 極簡底線或有邊框的文字輸入欄位，採用緊湊 padding。
- hero 全版幅高解析度攝影搭配巨大字級文字覆蓋。
09
文案語氣與禁用清單
- 語氣 直接、抽離且具權威感。
- 標題風格 巨大粗體 grotesque sans-serif 覆蓋層。
- 按鈕文案 小型全大寫高度字距調整的輔助文字。
- 勿使用圓角或柔和陰影——畫面顯示銳利邊緣與平面內嵌陰影。
- 勿使用鮮豔或多元色調——畫面顯示嚴格單色調元素。
- 勿使用中等尺寸標題——畫面顯示巨大展示與微小註解的二元比例。
- 勿使用句首大寫導航——畫面顯示所有文字皆為全大寫。
- 勿使用裝飾性襯線或手寫字體——畫面顯示純功能性的 grotesque 與等寬字體。
- 勿將所有文字置中對齊——畫面顯示導航與標籤嚴格左對齊網格。
- 避免: 柔和曲線或裝飾性元素
- 避免: 暖色調色盤
- 避免: 過度 padding 或留白空間
- 避免: 描述性或行銷導向文案
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此為 Acne Studios 的高端時尚電商網站。採用純黑（#000000）與米白（#F7F7F7）的極簡單色調。字體嚴格功能化，英雄覆蓋層使用 grotesque-sans，全大寫導航標籤使用 humanist-sans（Helvetica Now）。佈局無邊框全版幅，讓編輯攝影主導畫面。關鍵禁忌：絕對不使用圓角；避免句首大寫文字；不使用中等字號；色調嚴格保持黑白。適用於高端時尚、編輯式及極簡奢華 UI 模式。
en · zh-CN · zh-TW · ja · ko