厳選・オープン・無料

Khaite

エディトリアルな写真、洗練されたタイポグラフィ、豊かな余白を融合したラグジュアリーファッションEコマース体験。

01

デザイン DNA

エディトリアルな写真と洗練されたタイポグラフィを持つ高級ファッションブティック。

02

カラー

純黒と純白を主体とした厳格な無彩色パレット。高品質な写真がすべての視覚的興味とブランド個性を担います。

03

タイポグラフィ

didone-serif · grotesque-sans

• display56px · 400
• heading12px · 400
• body12px · 400

ブランドロゴ「KHAITE」は、ITC Galliardなどのハイコントラストなディドンセリフを大きなサイズで使用。 · すべてのナビゲーションおよびUIテキストは、Fakt Proなどのクリーンで軽量なグロテスクサンセリフを12pxで使用。 · テキストは頻繁に大文字となり、リファインドでエディトリアルな印象のために字間が広めに設定される。 · ウェイトは厳密に350-400に保ち、極めて rareな強調以外はボルドィを使用しない。

04

余白

4pxの厳格なベースグリッド。特に写真要素の周囲には、十分な余白と呼吸スペースを確保。

05

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

最小限。インタラクティブなテキスト要素（「Shop Now」など）の控えめなアンダーラインにのみ使用。

06

レイアウト

フルブリードのヒーロー画像に続き、要素間に豊かな余白を確保したクリーンで中央揃えのグリッドレイアウト。

07

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

インタラクティブな要素のステートに対する不透明度トランジション · hover時の微妙な背景色の変化

テキストリンクにおける微妙な不透明度の減少またはアンダーラインの出現 · hoverステート以外のビジュアルフィードバックはない、標準的なポインタインタラクション

08

コンポーネント

• button アンダーラインまたはボーダーを含む最小限のテキストリンク。塗りつぶしボタンは使用しません。
• card 画像と小さな大文字のテキストラベルを用いた、飾り気のないクリーンな商品表示。
• hero ビューポート全体を埋めるフォトグラフィックなヒーロー。その上にセリフの見出しと控えめなテキストリンクCTAをオーバーレイ。

09

文体と禁止事項

• トーン 洗練され、控えめで、自信に満ちた
• 見出し エレガントなセリフ見出し。エディトリアルな権威を伝え、時折イタリック体。
• CTA 太字ボタンではなく、細いアンダーラインを用いた控えめなテキストベースのCTA。

• 太字や重いタイポグラフィを使用しない。画面截图では、全体を通して軽量なウェイト（350-400）が使用されている。
• 装飾的なシャドウやグローを追加しない。画面截图では、完全にフラットでクリーンなサーフェスが使用されている。
• カラフルなボタンやバッジを使用しない。画面截图では、アンダーライン付きの控えめなテキストリンクのみが使用されている。
• レイアウトを競合する複数の要素で雑踏させない。画面截图では、豊かな余白が確保されている。
• コンテナに角丸を使用しない。画面截图では、シャープでクリーンなエッジが使用されている。
• 雑踏したパターンやグラデーションを使用しない。画面截图では、純白および近い白の背景が使用されている。
• 避ける: 過度な句読点
• 避ける: カジュアルな言語
• 避ける: 視覚的な雑踏
• 避ける: プロモーションバッジ

10

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

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

11

System Prompt

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