← OpenDesign 精選 · 開放 · 免費
Bruno Simon
一個實驗性的互動 3D 作品集，以基於物理的駕駛遊戲作為核心導覽機制。
portfolio webgl 3d
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
版面
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
沉浸式
07
動效與互動
220ms micro
400ms small
800ms medium
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
