厳選・オープン・無料
Monopo Vn
ミニマルで高コントラストな、デジタルエージェンシーポートフォリオ。
AgencyPortfolioCleanEditorialRefined
01
デザイン DNA
ミニマルプロフェッショナルデザインエージェンシークリーン
クリエイティブワークのための白紙のようなキャンバス
02
カラー
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.1)Line
コンテンツへの焦点を最大化する、厳格なモノクロの白黒パレット。
03
タイポグラフィ
geometric-sans
- display
72px · 700 - h2
40px · 700 - body
16px · 400
見出しは、大胆で幾何学的なsans-serifで設定。 · 本文はクリーンで非常に読みやすい。 · 見出しと本文のウェイト間に高いコントラストを実現。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
128px
ゆとりある余白が、落ち着いた集中力のあるレイアウトを生む。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
視覚的なボーダーは不使用。区切りは余白で実現。
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
大きなインパクトのあるイメージとテキストブロックを持つ、全幅のシングルカラムレイアウト。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
リンクやプロジェクトサムネイルへの控えめなhover効果。
テキストリンクのシンプルなアンダーラインやカラートランジション。 · 即時ナビゲーション。
08
コンポーネント
- button シンプルなテキストリンク。塗りつぶしボタンは使用しない。
- card ボーダーや影のない、画像中心のミニマルなプロジェクトカード。
- hero 大胆なタイポグラフィを重ねた、フルスクリーンまたは大規模なイメージ。
09
文体と禁止事項
- トーン プロフェッショナル、自信に満ち、控えめ。
- 見出し 短く、大胆で、断定的なスタイル。
- CTA ミニマリストなテキストリンク。
- 鮮やかなアクセントカラーは使用しない — スクリーンショットは厳格な白黒を示している。
- カードに角丸を使用しない — スクリーンショットは角のシャープな矩形フォームを示している。
- サーフェスにドロップシャドウを追加しない — スクリーンショットはフラットでボーダレスな要素を示している。
- 装飾的またはセリフフォントを使用しない — スクリーンショットはクリーンな幾何学的sans-serifを示している。
- レイアウトを詰め込みすぎない — スクリーンショットは余白の豊富な使用を示している。
- 塗りつぶしのピル型ボタンを使用しない — スクリーンショットはシンプルなテキストベースのナビゲーションを示している。
- 避ける: 賑やかで遊び心のある言葉遣い
- 避ける: 雑然としたレイアウト
- 避ける: 過度な装飾
11
System Prompt
これはミニマルなデジタルエージェンシーポートフォリオウェブサイトです。ビジュアルアイデンティティは、厳格なモノクロの白黒パレット(#FFFFFF背景、#000000インク)とクリーンな幾何学的sans-serifタイポグラフィで定義されています。レイアウトはゆとりがあり、余白を豊富に使い、集中と高級感を生み出しています。主要なデザイン要素には、大胆な大きな見出し、シンプルなテキストベースのナビゲーション、高品質なイメージが支配的なプロジェクトショーケースが含まれます。重要な制約:鮮やかなアクセントカラーを決して導入しない、角を常にシャープで矩形に保つ、装飾的なシャドウやボーダーを避けること。全体のトーンは、プロフェッショナルで洗練され、控えめです。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko