精选 · 开放 · 免费
Bruno Simon
以物理驾驶游戏作为核心导航机制的实验性交互式3D作品集。
portfoliowebgl3d
01
设计气质 DNA
交互式趣味性技术性实验性
数字游乐场或交互式3D环境。
02
色彩
#4d3cf2Accent
#ffffffInk
#0a0a2eBG
rgba(77, 60, 242, 0.2)Line
深蓝到紫罗兰的渐变营造沉浸式暗调氛围，明亮的霓虹色点缀交互元素。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
空间性
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世界，整个体验围绕物理与交互构建。关键禁忌：不要使用静态页面布局，不要依赖传统菜单，不要使用明亮背景。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko