01
设计气质 DNA
雕塑感极简深色画廊高端
展示3D产品雕塑的高端艺术画廊。
02
色彩
#ffffffInk#000000BG#888888Mutedrgba(255,255,255,0.15)Line纯黑背景以最大化对比度,聚焦于渲染的3D对象。
03
字体
- display
35px · 400 - body
16px · 400
所有文字在黑色背景上采用白色(#ffffff)或浅灰色(#888888) · 导航使用16px字号,内边距紧凑 · 项目标题使用35px字号,字距略微加宽
04
间距
4px8px10px15px30px50px80px宽松内边距(10px-80px),让3D对象在黑色虚空中自由呼吸。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;通过空间分布实现分隔。
06
布局
1920container
12columns
24pxgutter
768 / 1024breakpoints
全视口黑色画布,3D对象水平或垂直居中悬浮。
07
动效与交互
220msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
平滑水平滚动(所有过渡设为0.4秒) · 项目详情在滚动时淡入显示 · 支持键盘方向键导航画廊
导航链接呈现细微的透明度或颜色变化。 · 触发水平滚动或项目展开。
08
组件
- button 极简文本导航链接(作品、关于、联系),采用白色/灰色。
- card 全幅3D对象渲染充当项目卡片。
- hero 水平排列的3D对象画廊(瓶子、橙子、梨),背景为纯黑色。
09
文案语气与禁用清单
- 语气 自信、艺术且专业。
- 标题风格 简短的大写项目名称(例如KONG),后接描述性副标题。
- 按钮文案 极简直接(例如:作品、关于、联系)。
- 避免使用繁杂背景——截图显示为纯#000000黑
- 避免使用多种品牌色——截图仅显示白色(#ffffff)与灰色(#888888)文字
- 避免在导航中使用装饰性图标——截图仅显示Instagram标志与文字
- 避免使用厚重的边框或卡片——截图显示对象直接悬浮于背景上
- 避免使用衬线字体——截图显示AkzidenzGrotesk(grotesque-sans)
- 避免使用局促的间距——截图显示元素周围有宽松内边距(10px至80px)
- 避免: 密集文本块
- 避免: 明亮或霓虹色彩
- 避免: 传统网格布局
- 避免: 繁杂的UI元素
- 避免: 装饰性图标
11
System Prompt
这是一个专注于3D雕塑对象的产品设计师的深色极简作品集网站。设计以纯黑背景(#000000)搭配白色(#ffffff)与灰色(#888888)文字为特色,使用AkzidenzGrotesk字体。布局具沉浸感且类似画廊,3D渲染在虚空中悬浮。关键禁忌:绝不要使用明亮背景,绝不要添加边框或卡片等繁杂UI元素,绝不要使用衬线字体。采用宽松间距与水平/垂直滚动,让艺术作品自由呼吸。