厳選・オープン・無料

Davejreid

UI/UX およびクリエイティブディレクターのための、洗練されたポートフォリオ。タイポグラフィとキュレーションされた画像を重視しています。

01

デザイン DNA

デザインワークを紹介する、クリーンでハイエンドな雑誌の見開き。

02

カラー

ポートフォリオ画像を際立たせるニュートラルなキャンバスを持つハイコントラストのミニマリズム。

03

タイポグラフィ

old-style-serif · humanist-sans

• display16px · 400

主要なナラティブ要素と見出しには old-style-serif を使用する。 · UI 要素と補助テキストには humanist-sans を使用する。

04

余白

主要セクション間のゆとりのある垂直方向の余白

05

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

なし、または極めて微妙

06

レイアウト

ゆとりのある垂直方向の余白で区切られた、大きなフルブリードまたはワイド画像。

07

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

hover 時や遷移時のシンプルなフェードイン

微妙な不透明度の変化、またはシンプルな遷移。 · 即座にナビゲーション。

08

コンポーネント

• button 矢印アイコン (↗) のあるミニマルなテキストリンク。ソリッドな背景は使用しない。
• card 下にシンプルなタイポグラフィを持つ、大きな写真カード。
• chip 確認できない。
• input 確認できない。
• hero 自己紹介テキストとナビゲーションリンクを含むシンプルなテキストブロック、その後に大きな画像。

09

文体と禁止事項

• トーン プロフェッショナルで洗練され、控えめ。
• 見出し セリフ体。会話的だがフォーマル。
• CTA 矢印インジケーターのあるシンプルなテキストリンク。

• 太字のサンセリフ見出しを使用しない — スクリーンショットでは洗練された old-style serif が使用されている
• 明るく彩度の高いアクセントカラーを使用しない — スクリーンショットではグレーの厳密にニュートラルなパレットが使用されている
• 重い影やカードを使用しない — スクリーンショットでは素地の上にフラットな画像が使用されている
• 要素を詰め込まない — スクリーンショットではセクション間に Significant な垂直方向の余白がある
• 複雑なナビゲーションを使用しない — スクリーンショットでは矢印付きのミニマルなテキストリンクセットが使用されている
• 主要テキストにモダンな幾何学的サンセリフを使用しない — スクリーンショットでは humanist-sans とセリフフォントが使用されている
• 避ける: 目立つ行動喚起
• 避ける: 重いブランディング要素
• 避ける: ごちゃごちゃしたレイアウト

10

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

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

11

System Prompt

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