厳選・オープン・無料

Brunoarizio

世界的に認められたインディペンデントデザイナー兼クリエイティブディレクターのためのミニマルなポートフォリオ。

01

デザイン DNA

ハイエンドなインディペンデントデザインスタジオのポートフォリオ。

02

カラー

純白の背景、無彩色の文字、および補助テキスト用のニュートラルグレーからなる、厳格なモノクロパレット。

03

タイポグラフィ

geometric-sans

• display16px · 400

洗練された、コンパクトな外観のために、極端にタイトな文字間隔（-0.22px）。 · 本文テキストには13px前後の小さなフォントサイズを多用。 · すべての表示要素でフォントウェイトを厳密に400に統一。

04

余白

水平パディング18pxと垂直セクションパディング45pxによって定義されるリズム。

05

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

構造的なボーダーは表示されず、区切りはすべて余白に依存。

06

レイアウト

セクション間に十分な垂直间距を持つ、フルワイドのスタッキングレイアウト。

07

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

opacity、transform、clip-pathに対する、遅く意図的なトランジション（1秒）。

インタラクティブなテキスト要素でカーソルがポインタに変化。 · 1秒のトランジションに関連する可能性のある、控えめなopacityまたはtransformの変化。

08

コンポーネント

• card ウェブサイトデザインを表示する、単一のフルブリードプロジェクトプレビューカード。
• hero 従来のグラフィカルヒーロー画像を用いない、テキストのみの導入セクション。極めてミニマル。

09

文体と禁止事項

• トーン プロフェッショナルで自信に満ち、控えめ。
• 見出し 直截的で記述的。資格やクライアントリストをそのまま記述。
• CTA 極めてミニマル。お問い合わせにはシンプルな下線付きメールリンクを使用。

• 複数のフォントウェイトを使用しない — スクリーンショットではすべてのテキストで統一された400ウェイトが示されている。
• 装飾的なシャドウを適用しない — スクリーンショットでは完全にフラットでボーダーレスのサーフェスが示されている。
• 広い文字間隔を使用しない — スクリーンショットでは-0.22pxというタイトな負の文字間隔が示されている。
• 複雑なナビゲーションパターンを導入しない — スクリーンショットでは3つのシンプルなテキストリンクのみが示されている。
• 複数のカラーパレットを使用しない — スクリーンショットでは黒、白、グレーのみが厳密に使用されている。
• 速く素早いアニメーションを使用しない — スクリーンショットでは遅い1秒間のトランジションが指定されている。
• 避ける: マーケティング用語
• 避ける: 過度な装飾
• 避ける: 明るく気を散らす色
• 避ける: 複雑なUIコンポーネント

10

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

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

11

System Prompt

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