厳選・オープン・無料
The Row
極度の抑制による静寂なラグジュアリーファッションECサイト
fashionluxury
01
デザイン DNA
ラグジュアリーミニマリズムファッションハイエンド洗練
服が唯一の芸術となる静寂なギャラリー
02
カラー
#000000Ink
#1C1B1BInk soft
#FFFFFFBG
#6A6A6AMuted
rgba(0,0,0,1)Line
極度の抑制による厳格なモノクロ
03
タイポグラフィ
transitional-serif
- display
50px · 400 - body
13px · 400
すべてのテキストはセンテンスケースまたはタイトルケース · 全所でボールドウェイトは使用しない · タイポグラフィは小さく控えめ
04
余白
4px
8px
16px
20px
24px
32px
48px
64px
110px
150px
要素間に豊かなホワイトスペース。ラグジュアリー感を生み出します
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
入力フィールドや構造要素に一貫して使用される、1px solid black
06
レイアウト
1440container
12columns
20pxgutter
768 / 1024breakpoints
ミニマルグリッド。フル幅ヒーロー画像を多用
07
モーションとインタラクション
200msmicro
200mssmall
300msmedium
ease-in-outeasing
ホバー時の微妙なカラー遷移 · フォーカス状態の不透明度フェード
少し明るいグレーにカラー遷移 · 即座に状態が変化
08
コンポーネント
- button テキストベースのミニマルスタイル。背景なし。ホバー時にアンダーライン表示
- card このビューでは目立って表示されない
- chip 存在しない
- input シンプルなボーダーのみ。背景なし
- hero フルブリード、エッジツーエッジの写真。テキストオーバーレイなし
09
文体と禁止事項
- トーン 静寂、自信、エクスクルーシブ
- 見出し 短く、断定的、感嘆符なし
- CTA 控えめ。多くの場合テキストリンクまたはシンプルな矢印のみ
- ボールドなタイポグラフィを使用しない — スクリーンショットではすべてのテキストがレギュラーウェイト
- ドロップシャドウや重いディープトを追加しない — スクリーンショットでは完全にフラットなサーフェス
- 明るいアクセントカラーを使用しない — スクリーンショットでは厳格なモノクロパレット
- 角丸を使用しない — スクリーンショットでは完全にシャープなエッジ
- インターフェースを雑然としない — スクリーンショットでは広大な空のホワイトスペース
- 装飾的なボーダーを使用しない — スクリーンショットでは機能的なアンダーラインのみ
- 避ける: 叫ぶような表現
- 避ける: プロモーション言語
- 避ける: 明るいカラー
- 避ける: 重い装飾
- 避ける: 密集したテキストブロック
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは極度のミニマリズムと抑制によって定義されるラグジュアリーファッションECサイトです。ビジュアル言語は厳格にモノクロで、黒、白、そしていくつかのグレーシェードのみを使用します。タイポグラフィはクリーンなトランジショナルセリフで、小さくレギュラーウェイトで使用され、静かな自信を伝えます。レイアウトは大量のホワイトスペースとフルブリードフォトグラフィに依存し、ビジュアルの雑然とはありません。重要な制約には：ボールドテキストなし、角丸なし、装飾要素なし、明るいカラーなし。インタラクションは微妙で、滑らかなカラーフェードに限定されます。
en · zh-CN · zh-TW · ja · ko