厳選・オープン・無料

Meganperkins

ブランディングおよびデザインコンサルタントのための、グラデーションを多用した大胆なパーソナルポートフォリオ。

01

デザイン DNA

デザイナーの個人スタジオショーケース

02

カラー

鮮やかなマルチカラーのグラデーションがプライマリ背景となり、高コントラストの暗いタイポグラフィのための大胆で表現力豊かな基盤を生み出しています。

03

タイポグラフィ

geometric-sans

• display160px · 500
• body16px · 400

メイン見出しには、 tighten された字送りを持つ大きな幾何学的サンセリフを使用。 · 小テキストには、同じ幾何学的サンセリフファミリーのより軽いウェイトを使用。

04

余白

レイアウトはたっぷりのホワイトスペースを使用し、コンテンツを端と上に押しやることで、大きなディスプレイタイプを基盤とした強い垂直リズムを生み出しています。

05

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

目立つボーダーや角丸はなく、デザインはグラデーション背景とタイポグラフィに構造を依存しています。

06

レイアウト

非対称で端から端までのレイアウト。小テキストは左上隅に固定され、巨大なディスプレイタイポグラフィは右上を支配します。

07

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

グラデーション背景には、微細で缓慢なアニメーションやシフトがある可能性があります。

小テキストリンクには、ホバー時に微細なカラー変化や下線があると思われます。 · 標準的なリンクナビゲーション。

08

コンポーネント

• button 伝統的なボタンは見せず、ナビゲーションは小さなプレーンなテキストリンクで構成されます。
• card このヒーロービューにカードは見られません。
• chip チップは見られません。
• input インプットは見られません。
• hero 鮮やかなグラデーション背景、隅に固定された小さなテキスト、そして巨大でオーバーサイズのディスプレイタイポグラフィに支配されるフルビューポートのヒーローセクション。

09

文体と禁止事項

• トーン 直接的、自信に満ち、ミニマリスト。
• 見出し 極めて大きく、太字で字送りが tight で、強いビジュアルステートメントを作り出します。
• CTA 控えめで小さなテキストリンクを周辺に配置。

• 小さな中央揃えの見出しは使わない — スクリーンショットでは、ビューポートを支配する巨大で左揃えのディスプレイタイプが示されています。
• プレーンな白や単色の背景は使わない — スクリーンショットでは、プライマリサーフェスとして鮮やかなマルチカラーのグラデーションが示されています。
• 複雑なナビゲーションバーは使わない — スクリーンショットでは、隅に固定されたシンプルで小さなテキストリンクが示されています。
• ドロップシャドウやカードのボーダーは使わない — スクリーンショットでは、目立つシャドウやボーダードコンポーネントのないフラットデザインが示されています。
• 角丸は使わない — スクリーンショットでは、鋭くボーダーレスなデザイン美学が示されています。
• 複数のアクセントカラーは使わない — スクリーンショットはグラデーション自体に依存し、明確な高彩度アクセントカラーは使用していません。
• 避ける: 雑然としたデザイン
• 避ける: 小さな見出しテキスト
• 避ける: 複雑なナビゲーションメニュー
• 避ける: ボーダーや区切り線

11

System Prompt

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