厳選・オープン・無料

Bottega Veneta

抑制されたタイポグラフィとモノクローム・パレットを持つ、清潔で画像主導のラグジュアリー・ファッション・ポータル。

01

デザイン DNA

ハイエンドファッション誌をデジタル体験に翻訳したもの。

02

カラー

カラーを写真に依存するハイコントラストモノクローム。

03

タイポグラフィ

transitional-serif · geometric-sans

• display23px · 400
• body14px · 400
• caption12px · 400

ナビゲーションとラベルにはタイポグラフィを厳密に大文字のみとします。 · フォントウェイトは最小限にし、レギュラーとボールドに限定します。

04

余白

豊富な余白が、洗練され息抜きのできるレイアウトを提供します。

05

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

主にボタンとインタラクティブ要素に、最小限の1pxボーダーを使用します。

06

レイアウト

フルブリードのエディトリアル写真をアンカーとするグリッドベースのレイアウト。

07

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

テキストオーバーレイへの控えめなフェードイン。 · メニュー表示のための滑らかな垂直スライド。

控えめな不透明度の低減またはアンダーラインの出現。 · 誇張されたフィードバックなしの即座の視覚状態変化。

08

コンポーネント

• button 純黒の塗りつぶし、またはシンプルな黒ボーダーを持つミニマリストな長方形ボタン。
• card 鋭いエッジと広大なイメージによって定義される清潔なカード。
• chip N/A
• input 下ボーダーのみを持つクリーンなテキスト入力。
• hero 中央揃えの大文字テキストオーバーレイを持つ、フルビューポートのフォトグラフィックヒーロー。

09

文体と禁止事項

• トーン 自信に満ち、静かで、権威ある語り口。
• 見出し 短く、想起を喚起し、主に大文字。
• CTA 直接的でシンプル、かつ完全に大文字。

• 明るく飽和したアクセントカラーを使用しない — スクリーンショットは厳格なモノクローム・パレットを示しています。
• ボタンに角丸を使用しない — スクリーンショットは鋭い長方形のエッジを示しています。
• プライマリ・ナビゲーションに小文字を使用しない — スクリーンショットはすべて大文字のテキストを示しています。
• 重いドロップシャドウを使用しない — スクリーンショットは完全にフラットなサーフェスを示しています。
• 雑然とした背景を使用しない — スクリーンショットは清潔な白い背景または大きな写真を示しています。
• 遊び心のある角丸タイポグラフィを使用しない — スクリーンショットは洗練された幾何学的およびトランジショナル・フォントを示しています。
• 避ける: 感嘆符
• 避ける: 売り込み調の言葉
• 避ける: 過度に装飾的なフォント

10

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

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

11

System Prompt

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