OpenDesign·你的设计资产库

网页参考

Albumcolors

一个庆祝2020年专辑封面色彩的极简主义编辑档案。

EditorialGalleryPhotographicCurationCalm

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

01

设计气质 DNA

策展音乐视觉档案极简主义年度回顾

一个安静的艺术画廊展览,展示着策展的专辑封面艺术收藏。

02

色彩

#7F896BInk
#C3D3A1BG
rgba(127, 137, 107, 0.2)Line

单色且氛围化,完全源自单一专辑封面的主色调。

03

字体

geometric-sans

  • display96px · 500
  • body14px · 400

所有文本使用大写字母间距。 · 展示字体巨大且紧凑。 · 正文文本小而低调。

04

间距

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

紧凑而刻意,使用大比例的步进以产生戏剧性效果。

05

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

sm · 4px
md · 0px
lg · 0px
pill · 999px

用于结构框架的细而微妙的线条。

06

布局

1400container
12columns
24pxgutter
768 / 1024breakpoints

一个全出血画布,中央是一个大型图像,巨大的排版锚定在边缘。

07

动效与交互

0msmicro
0mssmall
0msmedium
lineareasing

无可见动画;交互由页面重新加载触发。 · 静态和平和的呈现。

无可见;界面完全静态。 · 无可见;主要交互是刷新页面。

08

组件

  • button 极简或不存在;交互通过页面刷新处理。
  • card 整个视口作为一个单一的沉浸式卡片。
  • hero 全屏沉浸式主视觉,配有巨大的排版和中央摄影元素。

09

文案语气与禁用清单

  • 语气 安静、精致且具有档案感。
  • 标题风格 巨大、几何感强且具陈述性。
  • 按钮文案 不存在;界面依赖于用户好奇心或平台机制。
  • 不要使用多种颜色——截图显示了一套源自专辑封面的严格单色配色。
  • 不要使用小而复杂的布局——截图显示巨大的排版主导了整个画布。
  • 不要添加投影或复杂的深度——截图显示完全扁平的、分层的表面。
  • 不要使用繁忙的导航菜单——截图显示边缘只有最小的文本元素。
  • 不要使用衬线或手写字体——截图显示严格几何感的无衬线排版。
  • 不要使用明亮、高对比度的强调色——截图显示一种柔和、低对比度、氛围化的配色。
  • 避免: 繁忙的界面
  • 避免: 喧闹的行动号召按钮
  • 避免: 多个竞争焦点
  • 避免: 复杂的导航

11

System Prompt

这是一个用于存档和庆祝专辑封面艺术的极简主义、编辑性网站。其设计DNA的特点是严格的单色配色,整个界面会根据展示的专辑改变颜色。关键的十六进制颜色包括作为主导的柔和绿色背景(#C3D3A1)和用于文本的更暗、去饱和的绿色(#7F896B)。排版极大地依赖于巨大、几何感强的无衬线字体,采用紧凑的字母间距和大写样式。关键的禁止事项包括避免繁忙的布局、多种颜色、小字体和复杂的导航。该网站将自身定位为一个安静、精致的数字画廊,完全专注于视觉策展和氛围设计。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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