厳選・オープン・無料

Josephinelochen

ファッションプロフェッショナルのための、ミニマルで画像主導のポートフォリオ。

01

デザイン DNA

ハイファッションのルックブックやギャラリー展示。

02

カラー

写真のインパクトを最大化するため、最小限のUIで厳格なモノクロームコントラストを実現。

03

タイポグラフィ

grotesque-sans

• body13px · 400

テキストは小さく控えめに保ちます。 · すべてのインターフェース要素にサンセリフ書体を使用します。

04

余白

写真が呼吸できるよう、豊かな余白を確保。

05

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

主要なUI要素には目に見えるボーダーを設定しません。

06

レイアウト

フルブリードの画像、フィックスドヘッダー、その下にグリッドギャラリー。

07

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

画像遷移時の透明度フェードイン。

画像上でカーソルがポインターやグラブに変わります。 · 標準的なポインターインタラクション。

08

コンポーネント

• button 目に見えるボタンはなく、テキストベースのナビゲーションです。
• card グリッドレイアウトの画像カード。ボーダーやシャドウなしで提示します。
• hero 大きくフルブリードの写真ヒーローイメージ。

09

文体と禁止事項

• トーン ミニマルかつプロフェッショナル。
• 見出し シンプルで直接的なテキストナビゲーション。
• CTA 目立つCTAは表示しません。

• グラデーションを使用しない — UIは厳格にフラットでモノクロームです。
• 画像やカードにドロップシャドウを追加しない — 深みなしでクリーンに提示します。
• 角丸を使用しない — レイアウトは鋭角で直線的な形状に依存します。
• 複数のフォントファミリーを使用しない — タイポグラフィは厳格に統一され、ミニマルです。
• 太字の装飾的な見出しを使用しない — テキストは小さく、通常のウェイトで機能的に保ちます。
• 鮮やかなアクセントカラーを使用しない — パレットは厳格に黒、白、写真色のみです。
• 避ける: 過度なテキスト
• 避ける: 装飾的なUI要素
• 避ける: 鮮やかな色

10

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

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

11

System Prompt

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