01
设计气质 DNA
策展音乐视觉档案极简主义年度回顾
一个安静的艺术画廊展览,展示着策展的专辑封面艺术收藏。
02
色彩
#7F896BInk#C3D3A1BGrgba(127, 137, 107, 0.2)Line单色且氛围化,完全源自单一专辑封面的主色调。
03
字体
- display
96px · 500 - body
14px · 400
所有文本使用大写字母间距。 · 展示字体巨大且紧凑。 · 正文文本小而低调。
04
间距
4px8px16px24px32px48px64px96px紧凑而刻意,使用大比例的步进以产生戏剧性效果。
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)。排版极大地依赖于巨大、几何感强的无衬线字体,采用紧凑的字母间距和大写样式。关键的禁止事项包括避免繁忙的布局、多种颜色、小字体和复杂的导航。该网站将自身定位为一个安静、精致的数字画廊,完全专注于视觉策展和氛围设计。