01
设计气质 DNA
实验性先锋派高概念数字艺术奢华
一个展示高端数字与概念艺术项目的画廊
02
色彩
#111111Ink#F4F4F4BG#888888Mutedrgba(0,0,0,0.05)Line背景作为中性画廊墙面,让鲜艳、高饱和度的项目图像占据全部视觉焦点。
03
字体
- display
48px · 400 - body
18px · 400
项目标题采用全大写并搭配宽字距,以维持精致、高端的编辑感。 · 主标志使用经典的过渡衬线字体,以营造奢华与永恒感。 · 导航链接采用简洁的人文主义无衬线字体,以确保最佳的可读性与现代简约感。
04
间距
4px8px16px24px32px48px64px96px网格项目之间使用充足的留白,创造出呼吸感强、类似画廊的阅读体验。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;布局完全依赖纯负空间与摄影图像的清晰边缘。
06
布局
1200container
2columns
48pxgutter
768 / 1024breakpoints
不对称的瀑布流式双栏网格,突出展示项目缩略图的不同宽高比。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
可能采用细微的淡入或悬停缩放过渡,以维持优雅、内敛的氛围。
项目卡片上采用细微的透明度降低或轻微缩放,以指示交互性。 · 直接导航至详细的项目案例研究页面。
08
组件
- button 主视窗内无显式按钮;交互可能通过图像/链接叠加层实现。
- card 简单的构图,由全出血图像与正下方的全大写文本标签组成。
- chip 此极简界面中无标签元素。
- input 此作品集着陆页上无可见输入框。
- hero 无传统首屏区域;页面直接从精心策划的作品集网格开始。
09
文案语气与禁用清单
- 语气 实验性、精致且概念驱动。
- 标题风格 简短、富有感染力的全大写项目标题,让图像传达核心信息。
- 按钮文案 极简主义且纯文本形式,避免任何激进的营销语言或视觉号召性元素。
- 不要使用粗体或重字重——截图完全依赖细体至常规字重,以营造精致感。
- 不要应用彩色背景填充——截图显示严格的中性灰色背景,以突出图像。
- 不要在卡片上使用投影——截图显示平面图像以清晰边缘直接置于背景上。
- 不要将所有文本元素居中对齐——截图在图像下方和标志采用左对齐文本。
- 不要在图像上使用圆角——截图显示所有项目缩略图均为完美的直角。
- 不要使用杂乱的网格——截图采用宽敞、不对称的布局,留有充足负空间。
- 避免: 避免使用明亮、压倒性的背景色,以免分散对艺术作品的注意力。
- 避免: 避免使用俏皮或过度装饰的字体,以免削弱奢华定位。
- 避免: 避免使用杂乱布局和过多UI元素;保持严格、画廊式的极简主义。
11
System Prompt
这是一个高端数字工作室作品集网站。采用极简、画廊式设计,展示实验性与奢华品牌作品。调色板采用中性浅灰色背景(#F4F4F4)搭配深色高对比度文字(#111111),完全依赖项目本身鲜艳、高饱和度的图像产生视觉冲击。排版结合标志使用的精致过渡衬线字体与导航及项目标题使用的人文主义无衬线字体。关键约束:卡片或图像绝对不使用圆角;避免粗重字重以保持优雅感;不使用与艺术作品竞争的彩色背景;确保网格项目间有充足、不对称的间距;避免使用激进的营销式按钮,采用简洁的文本导航;保持严格、不杂乱的布局,让作品集内容自由呼吸。