厳選・オープン・無料

Bridget Pictures

ファッションおよびコンセプト写真のための、ハイパーミニマルで純白のポートフォリオ。

01

デザイン DNA

写真が唯一の焦点となる、清潔な白いギャラリースペース

02

カラー

第3のカラーやアクセントカラーを一切含まない、極端な二値コントラスト。

03

タイポグラフィ

humanist-sans

• display19px · 400

すべてのテキスト要素に、単一で均一なフォントウェイト（400）を使用します。 · 一貫した可読性を保つため、小さな固定フォントサイズ（19px）を維持します。 · 「注目」のようなアクティブなステートには、イタリック体を採用します。

04

余白

画像とナビゲーションの間に、幅広い余白を優先的に配置

05

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

なし

06

レイアウト

ビューポートの下部に絶対的に固定されたナビゲーションを備えた、単一カラムのフル幅レイアウト。

07

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

ギャラリー画像間の滑らかなクロスフェード

インタラクティブ要素でのポインタカーソル · しきい値調整コントロール（– / +）とナビゲーションリンク

08

コンポーネント

• button 目に見えるボタンなし
• card 目に見えるカードなし
• chip 目に見えるチップなし
• input 目に見える入力フィールドなし
• hero 白い空間に配置された、単一の中央揃え縦長画像

09

文体と禁止事項

• トーン 中立的、静寂、客観的
• 見出し 控えめで小さめのタイポグラフィ
• CTA ボタンのないシンプルなテキストリンク

• 背景色を使用しない — スクリーンショットでは代わりに純白（#FFFFFF）が使用されています
• アクセントカラーを使用しない — スクリーンショットでは白地に黒（#000000）のみが使用されています
• ドロップシャドウや立体感を使用しない — スクリーンショットでは完全にフラットな要素が使用されています
• ボーダーラディウスを使用しない — スクリーンショットでは完全に角がシャープな四角形が使用されています
• 太いフォントウェイトを使用しない — スクリーンショットでは均一な400ウェイトが使用されています
• 装飾的なボーダーや区切り線を追加しない — スクリーンショットでは純粋な余白による区切りが使用されています
• 避ける: 装飾的な要素
• 避ける: カラー
• 避ける: ビジュアルノイズ

10

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

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

11

System Prompt

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