厳選・オープン・無料

Giopandone

ブランド体験デザイナーのための、抑制されたタイポグラフィ重視のポートフォリオ。

01

デザイン DNA

ミニマルなスイススタイルのデザイン・ポートフォリオ。

02

カラー

厳格な高コントラストのモノクロームに、強調用の単一の鮮やかなブルーアクセントを控えめに使用。

03

タイポグラフィ

geometric-sans · neo-grotesque-sans · monospace

• display56px · 400
• body13px · 400
• caption12px · 400

04

余白

厳格な4pxベースライン・グリッドと十分な垂直方向の余白。

05

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

1px solid rgba(0,0,0,0.1)

06

レイアウト

十分なネガティブ・スペースと非対称の配置を用いた厳格なグリッド。

07

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

ホバー時の控えめな透過度のトランジション

色または透過度の変化。通常は落ち着いたインク色にトランジションします。 · 即座のナビゲーション。

08

コンポーネント

• button 最小限のテキストベースのナビゲーション・リンク。大文字で、フォントサイズは小さめ。
• card 写真を全面に使用し、下にシンプルなタイポグラフィを配置したフルワイドのカード。
• hero 大きなロゴと明確なスペーシングを持つ、大型のマルチカラム・タイポグラフィ・レイアウト。

09

文体と禁止事項

• トーン プロフェッショナルで抑制され、非常に自信に満ちた。
• 見出し 太字、簡潔、かつタイポグラフィで支配的。
• CTA ミニマルなテキストリンク。 often 大文字表記。

• 角丸を使用しない — スクリーンショットでは、すべてのコンテナに鋭い四角い角が示されています。
• ドロップシャドウを使用しない — スクリーンショットでは、奥行き効果のないフラットな表面が示されています。
• 複数のアクセントカラーを使用しない — スクリーンショットでは、モノクロームに対して単一のブルーアクセントのみが示されています。
• 中央揃えのテキストレイアウトを使用しない — スクリーンショットでは、左揃えで非対称なタイポグラフィが示されています。
• 雑然とした背景を使用しない — スクリーンショットでは、鮮明な白のネガティブ・スペースが示されています。
• 装飾的なボーダーを使用しない — スクリーンショットでは、機能的で細い区切り線のみが示されています。
• 避ける: 装飾的な要素
• 避ける: 角丸
• 避ける: 鮮やかな複数色のパレット
• 避ける: 遊び心のあるアニメーション

10

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

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

11

System Prompt

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