厳選・オープン・無料
Burberry
最小限のインターフェース装飾で、クリーンなエディトリアル写真を通じて製品を提示するラグジュアリーファッションブランド
fashionluxury
01
デザイン DNA
ラグジュアリー英国伝統ミニマリストプレミアム
抑制されたエレガンスを持つハイエンドファッションハウスのショーケース
02
カラー
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.08)Line
写真を主要な色彩媒体とするモノクロームの抑制
03
タイポグラフィ
transitional-serif
見出しには通常のウェイトのクラシックなセリフタイポグラフィを使用 · テキストはラグジュアリー感を演出するため、十分な文字間隔を維持 · 階層は微妙で、ウェイトの変化ではなくスケールに依存
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
ラグジュアリー感と余裕を伝えるため、全体的に豊かな余白
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
目に見えるボーダーは無し。スペースのみで区切りを表現
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024 / 1440breakpoints
フルブリード写真の下に配置する中央揃えのヒーローセクション
07
モーションとインタラクション
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
エディトリアルセクション間の微妙なフェードトランジション · 製品写真へのパララックススクロール
インタラクティブ要素の微妙な透明度の変化 · 最小限のフィードバックアニメーションによる即時応答
08
コンポーネント
- button 控えめなスタイルの、おそらくテキストベースのCTA
- card 最小限のオーバーレイテキストを持つ、クリーンで画像中心の製品カード
- chip 細いボーダーやアンダーラインスタイルを持つ、洗練されたカテゴリフィルター
- input 細い下線を持つクリーンな検索フィールド
- hero セリフテキストのオーバーレイを持つ、フルブリードのエディトリアル写真
09
文体と禁止事項
- トーン 自信に満ち、控えめで洗練された
- 見出し クラシックなセリフタイポグラフィを使用した、短く断定的な文章
- CTA 目立つボタンではなく、控えめなテキストリンク
- 彩度の高い色を使わない — スクリーンショットは写真が全ての色を提供するモノクロームパレットを示しています
- 装飾的な影や奥行きを追加しない — スクリーンショットは段差のない完全にフラットな面を示しています
- コンテナに丸みのある角を使わない — スクリーンショットは鋭く正確な幾何学的エッジを示しています
- 要素を狭い間隔で詰め込まない — スクリーンショットは全ての要素間に豊かな余白を示しています
- サンセリフのディスプレイタイポグラフィを使わない — スクリーンショットはワードマークにセリフの字形を使用しています
- 視覚的なノイズやパターン付きの背景を追加しない — スクリーンショットはクリーンな白一色の背景を示しています
- 避ける: 感嘆符や熱狂的な言葉
- 避ける: 派手なプロモーションの強調
- 避ける: 複雑な複数語のCTA
11
System Prompt
これは、エディトリアルな抑制と伝統の信頼性を通じて自らを位置づけるラグジュアリーファッションハウスのウェブサイトです。ビジュアルシステムは、純白の背景と黒いタイポグラフィを持つ鮮やかなモノクロームパレットを使用し、製品写真を主要な色彩表現としています。タイポグラフィは一貫してトランジショナル・セリフのみで使用され、控えめなエレガンスのために単一のウェイトが全体で使用されます。重要な制約は、影や丸みのある角などの全ての装飾要素を避け、狭い間隔でレイアウトを詰め込みず、熱狂的またはプロモーショナルな言葉を使用しないことです。デザインはネガティブスペース、クラシックなセリフタイポグラフィ、およびインターフェース装飾の完全な回避を通じて、プレミアムなポジショニングを実現します。全ての要素は、前面の製品イメージの背後に退きます。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko