Merci-Michel · デザイン DNA

没入感のあるアニメーション背景の上に、大胆なセリフフォントを配置したプレミアムなクリエイティブスタジオのウェブサイト。

デザイン DNA

エレガントなセリフフォントと、没入感のあるカラフルな3Dやシネマティックな背景を融合させ、作品を紹介するハイエンドなクリエイティブエージェンシーのウェブサイト。

カラー

#ffffffInk

#000000BG

rgba(255,255,255,0.2)Line

ハイコントラストで没入感を重視。全画面の動的または暗色・カラフルな背景の上に、白いテキストを使用。

タイポグラフィ

ナビゲーションや本文テキストは、すべて大文字で広めの字間を設定。 · ディスプレイタイプには、標準的なディドン・セリフとイタリック体を組み合わせて使用。 · 本文テキストには、技術的で構造的な印象を与えるモノスペースフォントを使用。

余白

4px

8px

16px

24px

32px

48px

64px

96px

フレキシブル。フルスクリーンセクションと中央揃えのコンテンツブロックに基づいて決定。

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

薄く半透明の白いラインを、区切り線やアンダーラインとして使用。

レイアウト

中央揃えのテキストコンテンツを配置したフルスクリーンのヒーローセクション。動的な背景とオーバーラップさせることが多い。

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

ページ要素への滑らかなフェードインとトランジション。 · 背景画像や3D要素に対する、パララックスに近い効果。 · テキストやUIコンポーネントに対する段階的なアニメーション。

繊細な透明度の変化や、滑らかなトランジション。 · 即座に応答し、滑らかに状態が変化。

コンポーネント

文体と禁止事項

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

System Prompt

これは、デジタルゲーミフィケーションエージェンシーのためのプレミアムなクリエイティブスタジオのウェブサイトです。没入感のある暗くカラフルな3D背景の上に白いテキストを配置した、ハイコントラストの美学が特徴です。タイポグラフィは、ディスプレイ用のエレガントなディドン・セリフと、本文用のモノスペースを組み合わせています。レイアウトは中央揃えで、空間に富み、大きなフルスクリーンヒーローセクションに焦点を当てています。主要カラーは#000000と#ffffffで、背景メディアにはリッチなブルー、レッド、ピンクが使われています。重要な禁止事項：見出しにサンセリフを使用しない、明るく単色の背景を使用しない、角丸を使用しない、小文字テキストを使用しない、グリッド重視のレイアウトを使用しない、狭い余白を使用しない。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗