OpenDesign·你的设计资产库

网页参考

Artisansdidees

一种高对比度、排版主导的编辑式布局,采用纯黑背景和间距宽松的大写标题。

EditorialPremiumTypographyClean

封面待补录,可通过原站查看设计。

01

设计气质 DNA

极简深色排版编辑高端

一个深色、极简的艺术画廊目录

02

色彩

#ffffffInk
#3e3d36Ink soft
#000000BG
#bbbaaeMuted
rgba(255,255,255,0.1)Line

极致高对比度:纯黑背景搭配白色和柔和的灰色排版。

03

字体

grotesque-sans

  • display82px · 100
  • body14px · 400
  • caption12px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个名为'Artisans d'Idées'的高端、极简编辑网站。它采用纯黑(#000000)背景,搭配超细(字重100)、宽松(3.6px)、大写的排版,字体为怪诞无衬线体(Barlow)。配色方案严格单色,仅使用白色、黑色和深柔灰(#3e3d36, #bbbaae)。布局为垂直堆叠,拥有充裕的内边距。关键禁忌:切勿使用厚重字重,避免使用黑色、白色或柔和灰以外的任何颜色,并且始终为所有文本元素使用宽松的字间距。设计依赖负空间和排版节奏,而非装饰元素。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。