厳選・オープン・無料
Theothersideoftruth
柔らかなグラデーションと大胆で遊び心のある幾何学的形態が特徴の、実験的な抽象的ビジュアル体験。
ExperimentalExpressiveGradientPlayfulDesign Tools
01
デザイン DNA
実験的遊び心のある抽象的グラデーション幾何学的
遊び心のある、抽象的なデジタル風景、あるいは現代アートのインスタレーション。
02
カラー
#000000Ink
#64C8F0BG
rgba(0,0,0,0)Line
グラデーションを主軸とするカラーパレットが支配的で、大きく飽和度の高い幾何学的形状が、遊び心のある抽象的な雰囲気を生み出しています。
03
タイポグラフィ
sans-serif
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
大きく幾何学的形状が支配する非グリッドの抽象的なレイアウトのため、明確な間隔のリズムはありません。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
グラデーション背景の上に、大きく重なり合う幾何学的形状を配置した、フルビューポートの非グリッドレイアウト。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
静止したスクリーンショットではホバーステートは見られません。 · 静止したスクリーンショットではクリックステートは見られません。
08
コンポーネント
- button 標準的なボタンコンポーネントは見られません。
- card カードコンポーネントは見られません。
- chip チップコンポーネントは見られません。
- input 入力コンポーネントは見られません。
- hero グラデーション背景の上に、大きく重なり合う幾何学的文字形を配置した、フルスクリーンの抽象的なビジュアル構図。
09
文体と禁止事項
- トーン 抽象的で遊び心のある。
- 見出し 大規模で抽象的な幾何学的文字形。
- CTA 目立つCTAは見られません。
- 標準的なグリッドレイアウトを使用しないでください — スクリーンショットはフルビューポートの抽象的な構図を示しています。
- 小さなUIコンポーネントに依存しないでください — スクリーンショットは大きく支配的な幾何学的形状を示しています。
- モノクロのカラーパレットを使用しないでください — スクリーンショットはブルーからイエローへの鮮やかなグラデーションを示しています。
- 鋭く角張ったUI要素を使用しないでください — スクリーンショットは soften され、重なり合う幾何学的形態を示しています。
- 従来のタイポグラフィ階層を使用しないでください — スクリーンショットは抽象的で大規模な文字形を示しています。
- 従来のナビゲーションを使用しないでください — スクリーンショットには目に見えるナビゲーション要素がありません。
- 避ける: 標準的なUIパターン
- 避ける: 従来のレイアウト
- 避ける: 直感的な表現
11
System Prompt
これは、大規模な幾何学的形状と、ブルーからイエローへのグラデーションを主軸とするカラーパレットが特徴の、実験的で抽象的なビジュアルデザインシステムです。主要カラーにはプライマリブルー（#64C8F0）と明るいイエロー（#FFE84A）が含まれますが、単一の高彩度アクセントカラーが支配的ではありません。タイポグラフィは抽象的で幾何学的であり、サンセリフとして分類され、非常に大きなスケールで使用されます。重要な禁止事項：標準的なグリッドレイアウトや従来のUIコンポーネントを使用しないでください。これはフルビューポートの抽象的な構図です。モノクロのカラーパレットを使用しないでください。デザインは鮮やかでグラデーションを活用しています。直感的な表現を使用しないでください。形態は抽象的で遊び心があります。レイアウトは非グリッドで、グラデーション背景の上に大きく重なり合う幾何学的形状に焦点を当てています。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko