精选 · 开放 · 免费
Minimalcollective Digital
一个面向艺术科技交叉领域的精致画廊风格平台。
EditorialBold TypographyStudioExperimentalClean
01
设计气质 DNA
策展交叉艺术科技极简
一个连接音乐、艺术与科技的数字画廊平台。
02
色彩
#000000Ink
#5A5A5AInk soft
#3A3A3ABG
rgba(0,0,0,0.6)Line
高对比度单色系配色，带有灰色中间调。
03
字体
humanist-sans
- display
49px · 400 - heading
31px · 400 - body
18px · 400 - caption
13px · 400
大标题采用紧凑的负字距。 · 文本主要在灰色背景上使用黑色。 · 标签和标签大量使用大写字母。
04
间距
4px
9px
13px
18px
27px
36px
54px
72px
4.5px基础单位，保持一致的增量。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid black 或 1px solid rgba(0,0,0,0.6) 用于构建结构。
无
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
瀑布流式不对称网格。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
平滑的0.2秒opacity与background-color过渡。
细微的颜色变化或opacity偏移。 · 即时响应，带有微过渡。
08
组件
- button 简约的描边按钮，使用大写文本。
- card 基于网格的编辑卡片，包含图片和标签。
- chip 小型、药丸状的描边标签。
- input 简约的文本输入框，仅底部有边框。
- hero 全宽居中标题，覆盖在3D旋转对象之上。
09
文案语气与禁用清单
- 语气 专业且精致。
- 标题风格 大字号、居中对齐、小写或混合大小写。
- 按钮文案 低调，常采用描边样式或简单文本链接。
- 不要使用明亮的强调色——截图显示的是单色系配色。
- 不要使用粗体字重——截图仅显示400字重。
- 不要为主要元素使用圆角——截图显示大多为直角或4.5px圆角。
- 不要居中对齐所有文本——截图显示导航和标签为左对齐。
- 不要使用投影——截图显示完全扁平的表面。
- 不要使用装饰性衬线字体——截图显示的是干净的人文主义无衬线字体。
- 避免: 明亮、饱和的颜色。
- 避免: 装饰性或手写体字体。
- 避免: 密集、段落过重的布局。
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个面向艺术科技团体的精致编辑式平台。设计DNA采用单色系配色，中灰色（#3A3A3A）背景，墨黑色（#000000），以及微妙的灰色强调色（#5A5A5A）。字体严格使用人文主义无衬线，字重400，大型表现性标题采用紧凑的负字距。布局是简洁、不对称的瀑布流网格，边框仅为1px。关键禁忌：切勿使用明亮、饱和的强调色；切勿使用粗体或斜体字重；切勿使用厚重投影或复杂渐变。
en · zh-CN · zh-TW · ja · ko