厳選・オープン・無料
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
spatial
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
minimal
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
immersive
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
physics-simulation · camera-follow
object-proximity · physics-collision
08
コンポーネント
- button interactive-object
- card 3d-entity
- hero full-viewport-webgl
09
文体と禁止事項
- トーン playful
- 見出し minimal
- CTA interactive
- 静的なページレイアウトを使用しない — スクリーンショットは没入感のある3D環境を示しています。
- 伝統的なメニューに依存しない — ナビゲーションは車を運転して行います。
- 明るく多色の背景を使用しない — スクリーンショットは暗い青/紫のグラデーションを示しています。
- UIに標準的なタイポグラフィを使用しない — テキストは3Dオブジェクトに統合されています。
- 静的なヒーローセクションを使用しない — ビューポート全体が動的な3Dキャンバスです。
- 白い背景を使用しない — デザインはダークモードの美学に深く根ざしています。
- 避ける: static-layouts
- 避ける: traditional-navigation
- 避ける: walls-of-text
11
System Prompt
これはクリエイティブな開発者のための実験的でインタラクティブな3Dポートフォリオです。サイトは完全に没入感のあるWebGL環境で、ユーザーは小さなおもちゃの車を運転してナビゲートします。主要な視覚要素には、濃い青から紫へのグラデーション背景、光る青いドットのグリッド、およびインタラクティブな3Dオブジェクトが含まれます。タイポグラフィは3D世界に統合されており、エクスペリエンス全体は物理とインタラクションを中心に構築されています。重要な禁止事項：静的なページレイアウトを使用しない、伝統的なメニューに依存しない、明るい背景を使用しない。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko