01
设计气质 DNA
3D 插画代理机构作品集极简主义高端
一个策划过的画廊，展示定制的 3D 视觉世界，采用受瑞士风格启发的、简洁的版式布局。
02
色彩
#000000Ink#F0F0F0BGrgba(0, 0, 0, 0.1)Line在中性米白色画布与醒目的黑色字体之间形成高对比度。
03
字体
- display
38px · 300 - body
16px · 400
所有文字层使用几何无衬线字体 · 大标题展示文字使用细体 (300) · 正文和小元素使用常规体 (400) · 大标题展示文字使用紧凑的行高
04
间距
4px8px16px24px32px45px64px96px宽大的内边距 (45px) 营造出通透、画廊般的感受。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用细薄的 1px 线条，颜色为 rgba(0, 0, 0, 0.1)，使用克制，有时采用不对称方式 (0px 1px 1px 0px)。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
一个简洁的网格，在纯色块和空白区域之间交替。
07
动效与交互
125msmicro
250mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover 时的颜色和透明度过渡 · 快速 (0.125s) 的透明度过渡，用于细微的界面反馈
细微的透明度变化和颜色过渡。 · 标准的链接行为。
08
组件
- button 极简的文字链接，无可见的按钮容器。
- card 无可见的卡片组件；内容直接呈现在背景上。
- hero 全出血背景色，搭配大型 3D 等距插画和稀疏的排版。
09
文案语气与禁用清单
- 语气 极简、自信且专业。
- 标题风格 直接、简洁的客户名称。
- 按钮文案 低调的文字链接。
- 不要使用衬线字体 —— 截图显示的是严格的几何无衬线字体系统。
- 不要使用圆角 —— 截图显示的是锐利、0px border-radius 的元素。
- 不要使用复杂的阴影 —— 截图显示的是完全扁平化的表面呈现。
- 不要使用密集的文本块 —— 截图显示的是稀疏、大格式的排版。
- 不要使用高饱和度的界面颜色 —— 截图显示的是中性色板搭配孤立的色块。
- 不要使用装饰性边框 —— 截图显示的是仅有的最小化 1px 分割线。
- 避免: 过度的装饰
- 避免: 响亮的号召性用语
- 避免: 复杂的布局
10
包内真实截图
11
System Prompt
这是一个高端创意代理机构作品集，展示精细的 3D 等距插画。设计依赖于中性米白色 (#F0F0F0) 背景与粗体黑色 (#000000) 字体之间的鲜明对比。排版使用几何无衬线字体类别，展示文字用细体，正文用常规体。布局宽敞，配有宽大的内边距，营造出画廊般的感受。关键颜色是 #F0F0F0 和 #000000。关键禁忌：绝不使用衬线字体，避免圆角，不要使用密集的文本块或复杂的阴影。将焦点集中在 3D 作品上，使用最小、精确的排版干预。