厳選・オープン・無料

Artworld Agency

クリエイティブエージェンシーのための、ハイコントラストでタイポグラフィ主導のポートフォリオ。

01

デザイン DNA

クラシックなタイポグラフィの優雅さで提示される、キュレーションされたクリエイティブ人材のギャラリー。

02

カラー

クリエイティブワークとタイポグラフィの階層を優先するための、厳密なハイコントラストモノクローム。

03

タイポグラフィ

didone-serif · humanist-sans

• display75px · 300
• h175px · 300
• body16px · 300
• caption12px · 300

大きなディスプレイテキストとアーティスト名には「Cardinal Fruit」（ディドンセリフ）を使用。 · 本文テキストと小さなUI要素には、ウェイト300の「Graphik」（ヒューマニストサンス）を使用。 · すべてのタイポグラフィで単一のフォントウェイト（300）を厳守し、統一感のある洗練された美学を実現。

04

余白

タイポグラフィブロック間の、広く構造化されていない余白を設け、テキストが呼吸できるようにする。

05

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

なし。区切りは余白とタイポグラフィによって実現。

06

レイアウト

ページ下部に巨大なロゴがアンカーを置く、クリーンなシングルカラムのタイポグラフィフロー。

07

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

スクロール時に表示される要素のための、繊細なフェードイン遷移。 · ホバーステートでの滑らかなカラー遷移。

テキストカラーがダーク背景オーバーレイの上で黒から白に変化。 · カーソルポインタが、クリック可能なリンクを示す。

08

コンポーネント

• button カーソルをポインタに変化させるシンプルなテキストリンク。ホバーカラーの遷移に依存。
• card なし。コンテンツはフラットなタイポグラフィリストとして提示される。
• chip なし。
• input なし。
• hero ビューポート下部をアンカーとする、巨大なフルワイドのタイポグラフィディスプレイ。

09

文体と禁止事項

• トーン 洗練され、権威があり、静かな自信に満ちたトーン。
• 見出し 注目を集める、クラシックなセリフタイポグラフィ。
• CTA タイポグラフィにシームレスに溶け込む、ミニマリストなテキストリンク。

• 明るいアクセントカラーを使用しない — スクリーンショットは厳格な白黒モノクロームパレットを示しています
• 太いフォントウェイトを使用しない — スクリーンショットはすべてのテキストが軽いウェイト (300) です
• 要素にborder-radiusを使用しない — スクリーンショットは純粋に長方形で角が鋭いレイアウトを示しています
• 複雑なカードレイアウトを使用しない — スクリーンショットはフラットな名前のタイポグラフィリストを示しています
• 装飾的なシャドウを追加しない — スクリーンショットは影やドロップシャドウを一切使用していません
• 多くのフォントファミリーを混ぜない — スクリーンショットはセリフ/サンセリフのペアリングのみに依存しています
• 避ける: 賑やかなレイアウト
• 避ける: 不協和なカラー
• 避ける: 遊び心のあるUI要素

10

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

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

11

System Prompt

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