厳選・オープン・無料

Leonatsume

エモーショナルなデジタル体験を紹介するプレミアムな3Dキャラクターデザインのポートフォリオ。

01

デザイン DNA

アートワークを主役にできるハイエンドクリエイティブスタジオのポートフォリオ。

02

カラー

カラフルな3Dアートワークを際立たせるための、ハイクロマアクセントを持つ中立的なキャンバス。

03

タイポグラフィ

geometric-sans · grotesque-sans · monospace

• display65px · 400
• body18px · 400

すべてのタイポグラフィはウェイト400で統一。 · フォントスタックはフォールバックの一貫性のために、ArialとHelveticaに大きく依存。

04

余白

大きな3D要素とリスト行を区切る、豊かな余白。

05

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

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

rgba(0, 0, 0, 0) 0.78px 1.84px 8px 1px

06

レイアウト

標準的なヒーローセクションに続き、プロジェクト用の水平リストレイアウト。

07

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

単純なホバーステート用の表示トグルと基本的なCSSトランジション。

リンクとボタンに対する単純なポインターカーソルインタラクション。 · 標準的なリンクナビゲーション。

08

コンポーネント

• button 大文字テキストを持つ、ピル形状のアウトラインボタン。
• card 左に大きなテキストタイトル、右に3Dサムネイルを配置した水平プロジェクト行。
• hero 3Dキャラクターイラストと巨大なオーバーラップタイポグラフィを特徴とする、フルビューポートのヒーロー。

09

文体と禁止事項

• トーン 自信に満ち、プロフェッショナルで、芸術的に表現力豊か。
• 見出し 短く、インパクトがあり、巨大な幾何学的サンセリフタイポグラフィで設定。
• CTA クリーンで、ピル形状、控えめ。

• ダークモードを使用しない — スクリーンショットは明るい白/オフホワイトの背景を示している。
• セリフフォントを使用しない — スクリーンショットはクリーンな幾何学的サンセリフおよびグロテスクサンセリフを示している。
• レイアウトを散らかさない — スクリーンショットは豊かな余白と単一カラムのリストを示している。
• 重いボーダーやシャドウを使用しない — スクリーンショットは繊細なまたはボーダーのないフラットデザインを示している。
• 重いフォントウェイトを使用しない — スクリーンショットはほぼ exclusively 400ウェイトのタイポグラフィを示している。
• 雑然とした背景を使用しない — スクリーンショットは3Dアートワークの背後にフラットな中立色を示している。
• 避ける: 複雑なマルチカラムグリッド
• 避ける: 密集したテキストブロック
• 避ける: 攻撃的なドロップシャドウ

10

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

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

11

System Prompt

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