精选 · 开放 · 免费
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）、大写的排版，字体为怪诞无衬线体（Barlow）。配色方案严格单色，仅使用白色、黑色和深柔灰（#3e3d36, #bbbaae）。布局为垂直堆叠，拥有充裕的内边距。关键禁忌：切勿使用厚重字重，避免使用黑色、白色或柔和灰以外的任何颜色，并且始终为所有文本元素使用宽松的字间距。设计依赖负空间和排版节奏，而非装饰元素。
en · zh-CN · zh-TW · ja · ko