精選 · 開放 · 免費
Arket
一個具有簡潔編輯美學的高級極簡時尚與居家零售網站。
fashionretail
01
設計氣質 DNA
極簡北歐風零售高級簡潔
一個高級北歐風零售藝廊
02
色彩
#B8482EAccent
#1A1A1AInk
#F2EFEBBG
#808080Muted
rgba(0, 0, 0, 0.1)Line
溫暖中性色調，搭配高對比黑色排版與柔和的紅色點綴
03
字型
geometric-sans · humanist-sans
- display
48px · 500 - heading
16px · 500 - body
14px · 400
用於展示與 UI 元素的簡潔、幾何感無襯線字體 · 黑色文字與溫暖中性背景之間的高對比
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
一致的 4px 基礎網格，搭配充裕的空白
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
細薄、淺色的實線邊框
0 4px 12px rgba(0,0,0,0.05)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
固定寬度的置中容器，標準 12 欄網格
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
模態視窗的流暢淡入效果 · 細微的 hover 狀態
細微的顏色變化或透明度改變 · 立即的視覺回饋
08
組件
- button 高對比黑色按鈕，白色文字與方正邊角
- card 簡潔的矩形容器，僅有最低限度的樣式
- chip 簡潔的分類標籤
- input 極簡的底線式搜尋輸入框
- hero 大字體驅動、高對比的主視覺區域
09
文案語氣與禁用清單
- 語氣 直接、簡潔且具權威性
- 標題風格 粗體、大寫或大型幾何無襯線字體
- 按鈕文案 高對比黑色按鈕，搭配清晰直接的文字
- 不要使用圓角——截圖顯示所有按鈕與容器均為方正銳利的邊角
- 不要使用鮮豔或飽和的背景——截圖顯示溫暖、柔和的米色（#F2EFEB）背景
- 不要使用裝飾性或手寫體字體——截圖顯示簡潔、幾何感的無襯線字體排版
- 不要使用過多的陰影——截圖顯示極其輕微、細微的層次感
- 不要使用低對比的文字——截圖顯示淺色背景上的高對比黑色（#1A1A1A）文字
- 不要使用雜亂的佈局——截圖顯示充裕的空白與清晰、極簡的結構
- 避免: 圓角
- 避免: 俏皮色彩
- 避免: 手寫體排版
11
System Prompt
這是一個具有簡潔北歐美學的高級極簡時尚零售網站（Arket）。色彩盤建立在溫暖、柔和的米色（#F2EFEB）背景與高對比黑色（#1A1A1A）排版之上，並以細微的紅色（#B8482E）作為亮點。字體嚴格採用幾何感與人文主義無襯線字體，避免任何裝飾性或手寫體字體。佈局高度結構化且寬敞，所有元件（按鈕、卡片、模態視窗）均採用方正銳利的邊角與極簡的陰影。關鍵設計限制包括：嚴格的方正邊角、柔和的中性色盤、高對比排版、充裕的空白區域，以及完全摒棄圓角或俏皮元素。系統優先呈現精緻、編輯式且高級的零售體驗。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko