厳選・オープン・無料

Thomasmonavon

クリーンなタイポグラフィデザインで、大規模なイメージを紹介するミニマルな写真ポートフォリオ。

01

デザイン DNA

クリーンでミニマルな美学を持つ高級写真ポートフォリオ。

02

カラー

高コントラストのモノクロ、純白背景と黒文字を用い、写真がすべてのカラーを担います。

03

タイポグラフィ

geometric-sans

• display38px · 500
• body16px · 500

すべてのテキストにはLay Groteskを使用し、weight 500で一貫した現代的な印象。 · 大きな見出しには-1.14pxのtightな字間で、太字で凝縮した外観。 · ナビゲーションやラベルにはテキストを大文字に変換。

04

余白

コンテンツエリアに一貫した20pxのpaddingを用いた、豊かな余白。

05

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

06

レイアウト

分割画面のヒーロー、白コンテンツエリアとフルブリード写真の50/50の分割。

07

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

滑らかな可視性の変化のためのopacity transition · 動きの効果のためのtransform transition

pointer カーソルはインタフェース全体でクリック可能な要素を示す。 · 提供されたスクリーンショットには目立つクリック状態の変化なし。

08

コンポーネント

• button 最小限のテキストベースボタン、pointer カーソル、目立つ境界線や背景なし。
• card 境界線や影のないクリーンなイメージベースカード、写真に焦点を当てる。
• chip シンプルなテキストラベル、大文字変換あり。
• input 提供されたスクリーンショットには目立つ入力フィールドなし。
• hero 白背景の大きなタイポグラフィと右側のフルブリード写真による分割画面。

09

文体と禁止事項

• トーン プロフェッショナルかつミニマル
• 見出し 太字、大文字、tightな字間でインパクトを演出
• CTA 最小限のテキストベース、視覚的な強調なし

• 装飾的な境界線や影を追加しない — スクリーンショットは完全にフラットな表面を示している
• 複数のフォントファミリーを使用しない — スクリーンショットは一貫してLay Groteskを使用している
• カラフルなアクセントを追加しない — スクリーンショットは純粋なモノクロパレットを示している
• 重い影や奥行き効果を使用しない — スクリーンショットはフラットでミニマルなデザインを示している
• 過度のUI要素で雑然とさせない — スクリーンショットは豊かな余白を示している
• 角丸を使用しない — スクリーンショットはすべての要素に鋭くクリーンなエッジを示している
• 避ける: 装飾的な要素
• 避ける: 雑然としたレイアウト
• 避ける: カラフルなアクセント
• 避ける: 複雑なタイポグラフィ

10

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

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

11

System Prompt

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