厳選・オープン・無料

Lilnasx Jeanpaulgaultier

エディトリアル写真とブラータリスト・タイポグラフィを優先する、厳格なモノクロームのラグジュアリーEコマース体験。

01

デザイン DNA

鋭いコントラストと大胆なタイポグラフィを持つ、ハイファッション・エディトリアルのルックブック。

02

カラー

写真が視覚的兴趣を規定する、高コントラストのモノクローム・パレット。

03

タイポグラフィ

slab-serif · grotesque-sans · monospaced

• display30px · 400
• body16px · 400
• caption11px · 400

アヴァンギャルドなブランドアイデンティティを維持するため、すべての主要見出しにカスタム表示フォントを使用。 · ナビゲーションとUIラベルは、厳格な大文字のグロテスク・サンセリフで設定。 · エディトリアル的な美学に合わせるため、表示テキストの行間をタイトに維持。

04

余白

製品ディスプレイの厳格なグリッドレイアウトを尊重した、4pxベースのタイトなリズム。

05

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

グリッドと入力フィールドに使用される、1pxの黒い実線。

0 0 5px 0 rgb(128, 128, 128)

06

レイアウト

製品用の厳格な2カラムグリッドに分割された、エッジ・トゥ・エッジの写真。

07

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

モーダルオーバーレイの滑らかなフェードイン。 · インタラクティブ要素の微細なトランスフォーム・トランジション。

ほとんどの要素に最小限の視覚フィードバックを持つ、標準的なポインターカーソル。 · フォーム入力の即時ステート変更。

08

コンポーネント

• button 中央揃えの白い大文字テキストを含む、フルワイドの黒い長方形。
• card テキストと価格が下部に整列された、ボーダーレスな画像カード。
• chip 該当なし
• input 1pxの黒いボーダーと左揃えの大文字ラベルを持つ、ミニマリストなフィールド。
• hero フルブリードのエディトリアル写真をフィーチャーする、ドラマチックな50/50の分割画面。

09

文体と禁止事項

• トーン 断定的、アヴァンギャルド、かつ厳格にプロフェッショナル。
• 見出し 短く、鋭く、全て大文字のステートメント、または最小限の製品名。
• CTA 「OK」や「LOGIN」のような直接的で全て大文字のコマンド。

• 角丸を使用しない — デザインは鋭い、ブラータリストな矩形のエッジに依存。
• カードにドロップシャドウを追加しない — レイアウトはフラットでボーダーレスなグリッドシステムを使用。
• マルチカラー・グラデーションを使用しない — パレットは高コントラストで厳格にモノクローム。
• ナビゲーションに小文字を使用しない — デザインはすべてのUIラベルに大文字を厳格に適用。
• ボタンの周囲に装飾要素を追加しない — インターフェースは黒い実線ブロックに依存。
• 本文テキストを中央揃えにしない — レイアウトは可読性のために左揃えのタイポグラフィを使用。
• 避ける: 遊び心のある言葉遣い
• 避ける: 柔らかいグラデーション
• 避ける: フレンドリーな感嘆符

10

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

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

11

System Prompt

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