厳選・オープン・無料

Immersive Garden

ハイエンドで没入感のある体験に焦点を当てた、洗練されたデジタルスタジオ。

01

デザイン DNA

建築とデジタルアートが出会う、静かなギャラリースペース。

02

カラー

極度の抑制。高コントラストの明暗二項法に Strict に依存。

03

タイポグラフィ

transitional-serif · grotesque-sans

• display44px · 400
• body16px · 400
• caption14px · 400

大文字のラベルには広い文字間隔を使用。 · ディスプレイ用タイポグラフィには行間を詰め気味に。 · 太字ウェイトは一切使用せず、サイズとfont-familyで階層を表現。

04

余白

厳格な16pxベースユニットと、空間的なバランスのための広く呼吸する余白を使用。

05

サーフェス (角丸 / 影 / 罫線)

なし

06

レイアウト

コンテンツを特定のゾーンに固定した、フルスクリーンキャンバスレイアウト。

07

モーションとインタラクション

ページトランジションのための、遅くエレガントな透明度フェード。 · インタラクティブテキスト要素の、微細なホバーステート。 · 3D WebGL要素のための、滑らかでリニアな動き。

ナビゲーションとCTAテキストの、微細な色の変化と透明度の変更。 · ステート変更による即座の視覚的フィードバック。

08

コンポーネント

• button 微細な透明度と色の変化に依存した、テキストのみのインタラクティブ要素。
• card 高解像度画像に依存した、ミニマリストなプロジェクトショーケース。
• hero 3D彫塑的背景を持つ、ビューポート全面の没入感あるシーン。

09

文体と禁止事項

• トーン 洗練され、控えめで、非常にプロフェッショナル。
• 見出し 洗練されたセリフ字体による、短く印象的なステートメント。
• CTA 最小限の視覚的ノイズを持つ、控えめなテキストリンク。

• 太字ウェイトは使用しない — スクリーンショットではすべてのテキスト要素に通常ウェイトのみが使用されている。
• ドロップシャドウを追加しない — スクリーンショットでは完全にフラットでマットなUIサーフェスが示されている。
• 明るいアクセントカラーを使用しない — パレットは厳格にモノクロのグレースケールである。
• 角丸コンテナを使用しない — レイアウトはシャープなエッジとフルブリード画像に依存。
• レイアウトを雑然とさせない — スクリーンショットはネガティブスペースの極度な使用を示している。
• 装飾的なボーダーを使用しない — 要素はラインではなく、余白で区切られている。
• 避ける: 過度に技術的な専門用語。
• 避ける: 攻撃的な営業言語。
• 避ける: 視覚的な雑然さや装飾的要素。
• 避ける: 明るく彩度の高い色。

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko