精選 · 開放 · 免費
Artisansdidees
高對比的排版編輯佈局，採用純黑背景與寬間距的大寫標題。
EditorialPremiumTypographyClean
01
設計氣質 DNA
極簡暗色排版編輯高級
一本暗色、極簡的藝術圖錄
02
色彩
#ffffffInk
#3e3d36Ink soft
#000000BG
#bbbaaeMuted
rgba(255,255,255,0.1)Line
極致高對比：純黑背景搭配白色與柔和灰色的排版。
03
字型
grotesque-sans
- display
82px · 100 - body
14px · 400 - caption
12px · 400
所有文字均為大寫 · 無論展示文字或內文，寬鬆的字間距皆為標準 · 大型展示文字採用超細字重
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的垂直間距，由大型內邊距區塊與寬鬆字間距定義
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用白色、黑色或深灰色的1px實線邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
極簡的垂直堆疊，包含大型置中區塊
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.33, 1, 0.68, 1)easing
緩慢的2秒色彩過渡 · 互動時的變換過渡
游標在互動元素上變為指針 · 觸發變換過渡
08
組件
- button 游標指針變為手指，指示互動元素
- card 極簡或不存在，依賴排版與間距
- chip 極簡或不存在
- input 極簡或不存在
- hero 全螢幕黑色畫布，搭配置中、寬間距的超細大寫排版
09
文案語氣與禁用清單
- 語氣 正式、極簡、高級
- 標題風格 超細字重、大寫、寬間距
- 按鈕文案 低調，依賴游標與過渡提示
- 勿使用小寫文字——截圖顯示所有文字均為大寫
- 勿使用粗體字重——截圖顯示超細（100）展示文字
- 勿使用緊湊字間距——截圖顯示寬鬆間距（3.6px）為主要特色
- 勿使用明亮或飽和色彩——截圖顯示嚴格的單色調色板
- 勿使用純黑以外的背景色——截圖顯示純黑#000000背景
- 勿使用裝飾性圖形——截圖僅顯示文字與極簡元素
- 避免: 裝飾性元素
- 避免: 鮮豔色彩
- 避免: 粗體字重
- 避免: 小寫標題
- 避免: 繁雜佈局
- 避免: 投影陰影
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為「Artisans d'Idées」打造的高級極簡編輯網站。它採用純黑（#000000）背景，搭配超細（字重100）、寬間距（3.6px）、大寫排版，字型為grotesque-sans（Barlow）。調色板嚴格單色，僅使用白色、黑色與深柔灰色（#3e3d36、#bbbaae）。佈局為垂直堆疊，具有寬裕的內邊距。重要禁忌：切勿使用粗體字重，避免使用黑、白、柔灰以外的色彩，並對所有文字元素使用寬鬆字間距。設計依賴負空間與排版節奏，而非裝飾元素。
en · zh-CN · zh-TW · ja · ko