01
设计气质 DNA
实验性抽象几何极简大胆
一个挑战传统网页设计惯例的数字雕塑工作室。
02
色彩
#0D0D1AInk#7B7BFFBG#1A1A3DMutedrgba(0,0,0,0)Line高对比度色块,在明亮的薰衣草紫与深邃的午夜蓝之间进行戏剧性的切换。
03
字体
- display
120px · 400
字体排印极简,服务于几何构图而非可读性。
04
间距
4px8px16px24px32px48px64px96px非对称间距,强调3D元素的构图平衡。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;形状由颜色和阴影定义。
0 20px 60px rgba(0,0,0,0.4)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅沉浸式构图,中央的3D物体作为视觉焦点。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
在hover或scroll时应用微妙的视差或3D旋转效果。
中央3D物体的微妙旋转或缩放。 · 与浮动3D元素的直接交互。
08
组件
- button 一个圆形的绿色浮动徽章,文字沿路径排列。
- hero 一个戏剧性的3D场景,包含一张带有抽象字体的浮动卡片。
09
文案语气与禁用清单
- 语气 实验性、大胆且充满艺术自信。
- 标题风格 极简主义,融入3D构图。
- 按钮文案 俏皮的圆形徽章,与主构图形成对比。
- 不要使用柔和阴影——截图显示的是硬朗、戏剧性的阴影。
- 不要使用圆角矩形——截图显示的是尖锐的几何转角。
- 不要使用衬线字体——截图显示的是几何无衬线字体。
- 不要使用繁杂的图案——截图显示的是纯色块。
- 不要使用居中文本对齐——截图显示的是左对齐的标志。
- 不要使用微妙的背景渐变——截图显示的是平坦、高对比度的色域。
- 避免: 传统网格布局
- 避免: 标准导航菜单
- 避免: 过于解释性的文本
11
System Prompt
这是一个具有大胆艺术身份的实验性设计作品集网站。设计采用了明亮的薰衣草紫(#7B7BFF)与深邃的午夜蓝(#0D0D1A,#1A1A3D)构成的醒目调色板。字体排印极简且具有几何感,服务于3D构图。关键禁止项:避免柔和阴影、圆角和传统网格布局。该网站优先考虑视觉冲击力而非传统可用性,运用戏剧性的3D构图和大胆的色块。交互元素俏皮,例如那个圆形的绿色徽章。整体方法极具实验性,挑战了典型的网页设计惯例。