01
设计气质 DNA
交互式趣味性技术性实验性
数字游乐场或交互式3D环境。
02
色彩
#4d3cf2Accent#ffffffInk#0a0a2eBGrgba(77, 60, 242, 0.2)Line深蓝到紫罗兰的渐变营造沉浸式暗调氛围，明亮的霓虹色点缀交互元素。
04
间距
4px8px16px24px32px48px64px96px空间性
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
极简
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
沉浸式
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
物理模拟 · 镜头跟随
物体邻近 · 物理碰撞
08
组件
- button 交互对象
- card 3D实体
- hero 全视口WebGL
09
文案语气与禁用清单
- 语气 趣味性
- 标题风格 极简
- 按钮文案 交互式
- 切勿使用静态页面布局——截图显示的是沉浸式3D环境。
- 切勿依赖传统菜单——导航通过驾驶车辆实现。
- 切勿使用明亮的多色背景——截图显示的是深蓝/紫色渐变。
- 切勿使用标准UI排版——文本融入3D对象中。
- 切勿使用静态主视觉区域——整个视口都是动态3D画布。
- 切勿使用白色背景——设计深度遵循暗色模式美学。
- 避免: 静态布局
- 避免: 传统导航
- 避免: 大段文本
11
System Prompt
这是一个面向创意开发者的实验性交互式3D作品集。网站是完全沉浸式的WebGL环境，用户通过驾驶小型玩具车进行导航。关键视觉元素包括深蓝到紫罗兰的渐变背景、发光蓝点网格以及交互式3D对象。排版融入3D世界，整个体验围绕物理与交互构建。关键禁忌：不要使用静态页面布局，不要依赖传统菜单，不要使用明亮背景。