厳選・オープン・無料
Edwardh
抽象的なフォームとムードのあるライティングを特徴とする、ダークで実験的な3Dポートフォリオ
Portfolio3DExperimentalDark ModeStudio
01
デザイン DNA
3D実験的ミニマリストダークハードウェア抽象的
ダークで触覚的なハードウェアインターフェース、またはムードのあるスタジオ写真の背景
02
カラー
#EAEAEAInk
#111111BG
#666666Muted
rgba(255, 255, 255, 0.1)Line
深みのある、雰囲気を醸すダーク背景に、微かなウォームなハイライトと最小限のUI
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
3Dオブジェクトの配置に従う、ゆったりとしたリズム
05
サーフェス (角丸 / 影 / 罫線)
sm · 8px
md · 16px
lg · 24px
pill · 999px
最小限。照明と影で間接的に示されることが多い
0 20px 60px rgba(0, 0, 0, 0.8)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
中心に3Dオブジェクト、フローティングするUI要素
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
3D回転 · 微妙なカメラ動き · 光の変化
微妙なライティングの変化やオブジェクトの回転 · ナビゲーションまたは状態変更をトリガー
08
コンポーネント
- button ミニマル。おそらくテキストベースか、ダークUIに隠れている
- card 角丸とドロップシャドウを持つ3Dオブジェクトコンテナ
- hero 環境照明付きのフルスクリーン3Dレンダー
09
文体と禁止事項
- トーン 静かで、自信に満ち、芸術的
- 見出し ミニマル。存在する場合は大きなサンセリフ体が推奨
- CTA 控えめで、テキストベース
- 明るく彩度の高い色を使わない — スクリーンショットは深く抑制された黒とグレーを示している
- 忙しいパターンやテクスチャを使わない — スクリーンショットは滑らかで無地のサーフェスを示している
- 鋭角で幾何学的なUI要素を使わない — スクリーンショットは柔らかい角丸を示している
- 明るい背景を使わない — スクリーンショットは主にダークでムードのあるパレットを示している
- 雑然としたレイアウトを使わない — スクリーンショットは単一の、フォーカスされた3Dオブジェクトを示している
- 遊び心のある、または親しみやすいタイポグラフィを使わない — スクリーンショットはシリアスで洗練された美学を示唆している
- 避ける: 派手な色
- 避ける: 雑然としたUI
- 避ける: 遊び心のある要素
- 避ける: x-heightの高いサンセリフフォント
11
System Prompt
これは3Dオブジェクトとムードのあるライティングを中心に構成された、ダークで実験的なポートフォリオウェブサイトです。デザインDNAは、深く、ほぼ黒に近い背景（#111111）と、微かなウォームなハイライト、そして明るいアクセントカラーの完全な不在によって定義されます。タイポグラフィはクリーンなサンセリフ体で、おそらく最小限のものであり、ビジュアルコンテンツに仕え、支配するものではありません。レイアウトは焦点が絞られ、空間が広く、単一の3Dオブジェクトやシーンが主役となります。重要な禁忌として：決して明るく彩度の高い色を使わないこと；忙しいパターンやテクスチャを避け；鋭角で幾何学的なUI要素を使用しないこと。このサイトは、高級ハードウェアスタジオやコンセプトアート作品のように感じられ、従来のUIパターンよりも雰囲気や触覚的な品質を優先しています。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko