OpenDesign·你的设计资产库

网页参考

Peggy

一个精致的编辑平台,通过永久性版税赋能艺术家。

EditorialCurationCleanProductCalm

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

01

设计气质 DNA

艺术版税报酬创作者可持续性

一个确保艺术家因其遗产获得公平报酬的数字画廊与市场。

02

色彩

#141414Ink
#666666Ink soft
#FFFFFFBG
#F4F4F4BG soft
#F9F9F9BG quiet
rgba(244, 244, 244, 1)Line

以高对比度的黑白为基础,完全依靠精心策划的摄影和排版来吸引视觉兴趣。

03

字体

transitional-serif · humanist-sans · monument-grotesk

  • display48px · 400
  • h230px · 400
  • body16px · 400
  • small14px · 400

对醒目、有影响力的陈述使用衬线字体,以传达一种尊贵感。 · 对功能性界面和正文使用无衬线字体,以保持清晰度。 · 在大号展示尺寸下,保持紧凑的字间距。

04

间距

4px
8px
12px
16px
20px
24px
40px
48px

充裕内边距

05

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

sm · 4px
md · 8px
lg · 12px
pill · 9999px

极简,仅用于构建结构或进行微妙分隔。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

首屏采用不对称分割布局,随后是结构化的基于网格的内容。

07

动效与交互

150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素上平滑的 hover 过渡。 · 内容板块优雅的淡入效果。

交互元素上微妙的颜色或透明度变化。 · 即时的视觉反馈,通常涉及轻微的缩放或透明度变化。

08

组件

  • button 高对比度的纯黑或纯白色,采用圆润的药丸形状。
  • card 文本密集型卡片,具有清晰的层次结构,并利用充足的留白。
  • chip 简洁的、通常是药丸形状的标签,用于分类。
  • input 干净、极简的输入框,带有细微的边框。
  • hero 不对称分割布局,包含一个大而优雅的衬线标题和一张高品质的生活方式照片。

09

文案语气与禁用清单

  • 语气 聚焦于倡导、优雅且具有权威性。
  • 标题风格 直接、有影响力的陈述,强调艺术家的权利与价值。
  • 按钮文案 强有力的、行动导向的短语,例如 “加入 Peggy”。
  • 不要使用嘈杂、多彩的强调色方案——截图显示的是严格的黑白单色方案。
  • 不要使用圆润、友好的无衬线字体作为展示文本——截图使用的是精致的过渡衬线字体。
  • 不要给卡片或表面添加投影——截图显示的是没有深度效果的扁平、干净的布局。
  • 不要使用紧凑、密集的网格布局——截图展示了充裕的内边距和大边距。
  • 不要使用深色模式或重度着色的背景——截图主要依赖纯白和柔和的米白色。
  • 不要在组件周围使用粗重的边框或边框——截图使用留白进行分隔。
  • 避免: 避免过于随意或使用俚语。
  • 避免: 避免与艺术或版税无关的复杂术语。
  • 避免: 避免使用激进或过于‘推销’的策略。

11

System Prompt

此设计用于 Peggy,一个支持艺术家的编辑与倡导平台。布局干净且不对称,使用了大量的留白。主要配色方案是高对比度的单色,背景为纯白,文字为深黑墨色。排版上,对有影响力的标题使用优雅的过渡衬线字体,对正文使用人文无衬线字体,营造出精致、画廊般的氛围。CTA 按钮为纯黑或纯白色,采用独特的药丸形状。关键禁忌:不要引入明亮的强调色;不要使用通用的无衬线字体作为展示文本;不要用密集网格或不必要的边框使布局杂乱;不要使用厚重的投影;不要使用过于随意或激进的营销语言;不要忽视定义精致美感的充裕内边距与边距。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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