厳選・オープン・無料
Nordebrink
純粋なコンテンツとエレガントな階層に焦点を当てた、洗練されたミニマルなタイポグラフィポートフォリオ。
PortfolioTypographyCleanStudioEditorial
01
デザイン DNA
抑制されたタイポグラフィ洗練されたプロフェッショナルミニマル
厳選されたモノグラフまたはハイエンドデザインポートフォリオ。
02
カラー
#000000Ink
#FFFFFFBG
#949494Muted
rgba(0,0,0,1)Line
階層構築を完全にタイポグラフィとスペーシングに依存する、厳格でハイコントラストのモノクロームパレット。
03
タイポグラフィ
humanist-sans
- body
20px · 400 - small
16px · 400
洗練されたコンパクトなタイポグラフィックテクスチャのための、tightなネガティブ文字間隔。 · サイズ変化ではなく、セカンダリテキストに対する透明度と色の微細な使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
リストアイテムに対して严格的な16pxのパディングと、カラム間30pxの水平ギャップを持つ、豊かな垂直スペーシング。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
リストの区切りに対して、重い視覚的ブロックを避けた、微細な1pxのsolidボーダー（rgb(0,0,0)を使用）
06
レイアウト
3columns
30pxgutter
768breakpoints
デスクトップでは非対称な2カラムレイアウト（ラベル用の狭い左カラムとコンテンツ用の広い右カラム）、モバイルでは1カラムに崩れる。
07
モーションとインタラクション
220msmicro
400mssmall
600msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
hover状態での色と透明度の変化に対する滑らかなトランジション。
インタラクティブなテキスト要素に対する色のトランジション（おそらく控えめなグレーへ）。 · 即時ナビゲーション。
08
コンポーネント
- button 矢印インジケーター付きのテキストのみリンク。インタラクションはhover状態に依存。
- card なし。コンテンツはフラットで構造化されたタイポグラフィックリストとして提示される。
- chip なし。
- input なし。
- hero スクロール用の下向き矢印を含む、 Denseなタイポグラフィックイントロダクションブロック。
09
文体と禁止事項
- トーン プロフェッショナルで自信に満ち、非常に抑制された。
- 見出し ビジュアル装飾ではなく、大胆なタイポグラフィ階層に依存するミニマリスト。
- CTA 微細なテキストベースのプロンプト、またはシンプルな矢印。
- 装飾的なアイコンを使用しない — スクリーンショットでは、代わりにミニマルで機能的な矢印が使用されている
- 複数のフォントファミリを使用しない — スクリーンショットでは、全体を通して単一のhumanist-sansファミリが使用されている
- 重い背景塗りつぶしやカードを使用しない — スクリーンショットでは、フラットなテキストを持つ純白の背景が使用されている
- アクセントにプライマリカラーを使用しない — スクリーンショットでは、厳格なモノクロームパレットが使用されている
- ワイドな文字間隔を使用しない — スクリーンショットでは、コンパクトなテキストのためにtightでネガティブな文字間隔が使用されている
- 大きなフォントウェイトの変化を使用しない — スクリーンショットでは、すべてのテキストに400の均一なウェイトが使用されている
- 避ける: 強調のための太字ウェイトや大文字の過度な使用。
- 避ける: 装飾的な要素、アイコン、またはイラスト。
- 避ける: 複雑なマルチカラーパレットまたはグラデーション。
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは、プロフェッショナルデザイナーのための洗練されたミニマルなデザインポートフォリオであり、階層構築に完全にタイポグラフィと豊かな余白に依存しています。パレットは厳格なモノクロームで、純白の背景に深黒のテキスト（#000000）と、セカンダリ情報に対する特定の控えめなグレー（#949494）を特徴としています。タイポグラフィは、tightなネガティブ文字間隔（-0.414px）と均一なフォントウェイト400を特徴とする単一のhumanist-sansカテゴリフォントを使用し、 Denseかつエレガントなリーディングテクスチャを生み出しています。重要な制約には、すべての装飾要素、イラスト、または背景塗りつぶしの回避；複数のフォントファミリや太いウェイト変化の回避；プライマリアクセントカラーまたは複雑なグラデーションの回避が含まれます。レイアウトは、デスクトップでは非対称グリッドを採用し、モバイルでは優雅に1カラムに崩れる、クリーンなエディトリアルプレゼンテーションを保証しています。
en · zh-CN · zh-TW · ja · ko