厳選・オープン・無料

Danilorodrigues

デザインシステムとブランディングに焦点を当てた、ビジュアルデザイナーによる大胆で表現力豊かなポートフォリオ。

01

デザイン DNA

モダンデザイナーのためのギャラリー

02

カラー

ハイコントラストでビビッドなアクセントカラーを用いた暗いキャンバス。

03

タイポグラフィ

neue-haas-grotesk

• display90px · 400
• body18px · 400
• caption13px · 400

04

余白

大きなビジュアル要素に焦点を当てた、ゆったりとした余白。

05

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

ビビッドなグラフィック要素としてしばしば使用される、ソリッドなボーダー。

06

レイアウト

大きなプロジェクトカードからなる、マソンリのようなグリッド。

07

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

スムーズなスクロール · シンプルな opacity トランジション

hover 時の微細な opacity 変化。 · 標準的なクリック動作。

08

コンポーネント

• button 目立つボタンはなく、ミニマルなテキストリンク。
• card 混合メディアやビビッドなカラーを伴う大きなプロジェクトカード。
• hero ソリッドブラックの背景に置かれた大胆な見出し。

09

文体と禁止事項

• トーン プロフェッショナルで自信に満ちている。
• 見出し 専門性を直接的一人称で表明するスタイル。
• CTA シンプルな指示的な誘導。

• 装飾的なフォントを使用しない — スクリーンショットではクリーンなゴシックサンセリフ体が示されています。
• くすんだパステルカラーを使用しない — スクリーンショットではハイコントラストの黒背景にビビッドなアクセントカラーが示されています。
• 小さく詰まったタイポグラフィを使用しない — スクリーンショットではゆったりとした余白を活かした、大きく太字の見出しが示されています。
• 複雑で重いシャドウを使用しない — スクリーンショットではフラットでグラフィックなスタイルが示されています。
• メインインターフェースに明るい背景を使用しない — スクリーンショットでは主にダークテーマが使用されています。
• 小さく雑然としたUI要素を使用しない — スクリーンショットでは大きなビジュアルプロジェクトの展示に焦点が当てられています。
• 避ける: 遊び心のある言葉遣い
• 避ける: 装飾過多なフォント
• 避ける: 雑然としたインターフェース

10

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

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

11

System Prompt

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