Off-White · デザイン DNA

インダストリアルな美学とハイファッションのエディトリアル写真を融合した、プレミアムストリートウェアブランド。

デザイン DNA

ハイファッションのエディトリアルマガジンと、アーバンストリートカルチャーの融合。

カラー

#0019E9Accent

#000000Ink

#6F6F6FInk soft

#F5F5F5BG

rgba(0,0,0,1)Line

CTA用の1つの鮮やかなエレクトリック・ブルーアクセントを持つ、ハイコントラストのモノクローム。

タイポグラフィ

余白

4px

8px

12px

16px

20px

24px

32px

56px

一貫した4pxグリッド。UI要素ではタイトなパディングを、エディトリアルレイアウトでは十分な間隔を採用。

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

レイアウト

ニュースレターモーダル用の分割画面レイアウト：50%が写真によるエディトリアル、50%がクリーンなフォームUI。

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

モーダルオーバーレイのフェードインと、ホバーステートの滑らかなトランジション。

インタラクティブな要素の繊細な色のトランジション。 · ボタンとリンクの即座の視覚的フィードバック。

コンポーネント

文体と禁止事項

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

Off-White — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

このサイトは、ミニマルでハイコントラストの美学を特徴とする、プレミアムストリートウェアファッションブランドのWebサイトです。デザインは、黒（#000000）とオフホワイト（#F5F5F5）のモノクロームパレットが支配的で、1つの鮮やかなエレクトリック・ブルー（#0019E9）がCTAボタンやリンクのハイクロマアクセントとして使用されています。タイポグラフィは、本文に主にクリーンなヒューマニスト・サンセリフ、ディスプレイに幾何学的なサンセリフが使われ、技術的または構造的な詳細に時折モノスペースフォントが使用されています。主要なデザインの特徴には、分割画面エディトリアルモーダル、大きな高解像度写真、細い1pxボーダーが含まれます。重要なデザイン制約として、ボタンの角丸回避、1つ以上のアクセントカラーの使用禁止、峻烈でインダストリアル・モダンな感覚の維持が挙げられます。レイアウトは、UI要素のタイトな間隔とエディトリアル構図の豊かなホワイトスペースを備えた厳格なグリッド上に構築されています。

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

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

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