厳選・オープン・無料

Julienrenau

クリエイティブテクノロジストのための、ミニマルなデザインで技術専門性を強調する、鋭いタイポグラフィのポートフォリオ。

01

デザイン DNA

高度なクリエイティブテクノロジーを披露する、ミニマリストでハイコントラストのデジタルポートフォリオ。

02

カラー

極度の抑制。読みやすさのためのモノクロパレットと高いコントラスト。

03

タイポグラフィ

grotesque-sans

• display45px · 500
• body16px · 400

すべてのテキスト要素にFounders Groteskを使用。 · 見出しには tight なline-heightを維持。 · 強調やメタデータにはbold (700)ウェイトを使用。

04

余白

大きな余白ブロックを用いた厳密な垂直リズム。

05

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

区切り用に、プライマリインクカラーの1px solidボーダーを使用。

06

レイアウト

大きな余白と水平線を用いた非対称グリッド。

07

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

インタラクティブ要素に微細なhover遷移を適用。 · プロジェクトギャラリーには水平スクロールまたはスライディング。

微細な色や不透明度の変化。 · プロジェクト詳細への直接ナビゲーション。

08

コンポーネント

• button 背景やボーダーのない、テキストベースのリンク。
• card 上部にボーダーを持つ、大きな水平ブロックのプロジェクトカード。
• hero 大きなタイポグラフィと最小限の画像を用いた、テキスト中心のヒーローセクション。

09

文体と禁止事項

• トーン プロフェッショナルで簡潔、かつ技術的。
• 見出し ダッシュ区切りの短く記述的なタイトル。
• CTA 最小限の、テキストベースのコール・トゥ・アクション。

• 装飾的なイラストを使用しない。スクリーンショットには鋭いテキストと写真のみが表示。
• 明るいアクセントカラーを使用しない。スクリーンショットにはモノクロパレットが表示。
• 角丸を使用しない。スクリーンショットにはシャープで長方形の要素が表示。
• ドロップシャドウを使用しない。スクリーンショットにはフラットでボーダーベースのデザインが表示。
• 複雑なナビゲーションを使用しない。スクリーンショットにはシンプルなテキストリンクが表示。
• 遊び心のあるフォントを使用しない。スクリーンショットにはクリーンなgrotesque-sansが表示。
• 避ける: 装飾的な要素やイラストを避ける。
• 避ける: 明るい色や彩度の高い色を避ける。
• 避ける: 複雑なレイアウト構造を避ける。
• 避ける: おしゃれな、あるいはカジュアルな言葉遣いを避ける。

10

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

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

11

System Prompt

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