OpenDesign·你的设计资产库

网页参考

Dada Projects

一个拥有大胆抽象视觉的实验性创意工作室作品集。

GalleryExperimentalStudioCurationPhotographic

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

艺术感抽象创意作品集

一个展示实验性视觉艺术的数字画廊。

02

色彩

#000000Ink
#FFFFFFBG
#888888Muted
rgba(0,0,0,0.1)Line

中性背景让艺术作品自己说话,同时确保强烈的字体对比度。

03

字体

transitional-serif

  • display48px · 700
  • body16px · 400

使用高对比度衬线字体,营造经典、编辑感的氛围。 · 正文使用中等字号以保证可读性。 · 对关键项目名称使用粗体以示强调。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

通过充足留白分隔元素并突出艺术作品。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 0px

无,依靠留白实现分隔。

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

用于展示项目的简洁网格布局。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

页面过渡采用平滑的淡入效果。 · 交互元素使用细微的悬停动画。

通过颜色变化或下划线提供视觉反馈。 · 即时响应,无延迟。

08

组件

  • button 带有悬停下划线效果的极简文本链接。
  • card 基于图片的卡片,无边框或阴影。
  • hero 全出血或大尺寸艺术作品,叠加字体排印。

09

文案语气与禁用清单

  • 语气 专业、艺术且自信。
  • 标题风格 关于项目的粗体、陈述性标题。
  • 按钮文案 探索更多作品的低调链接。
  • 不要使用明亮、高饱和的强调色——截图显示为中性色调,艺术作品是主要色彩来源。
  • 不要为界面元素添加圆角——截图显示为锐利的矩形形状。
  • 不要使用投影或卡片边框——截图依靠留白实现分隔。
  • 不要使用无衬线字体作为标题——截图使用经典衬线字体。
  • 不要用过多元素使布局杂乱——截图保持干净、画廊般的呈现。
  • 不要使用复杂渐变作为背景——截图使用纯白色背景。
  • 避免: 过于随意的语言
  • 避免: 过度营销术语
  • 避免: 通用描述

11

System Prompt

这是一个创意工作室的网站作品集,定位为高端、实验性的设计画廊。关键十六进制颜色包括白色背景 (#FFFFFF) 和黑色文字 (#000000),艺术作品提供色彩。字体采用经典过渡型衬线体,营造精致、编辑感的氛围。关键禁忌包括避免圆角、投影和过于鲜艳的色彩强调。布局干净宽敞,让创意作品成为焦点。采用基于网格的结构并留有充足留白。语调专业且艺术,交互保持低调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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