厳選・オープン・無料

Type Network

プレミアム・タイポグラフィのライセンスとファウンドリー提携のための、洗練されたエディトリアル・プラットフォーム。

01

デザイン DNA

上質なタイポグラフィのキュレーションされたギャラリーおよびマーケットプレイス。美術館の威厳と、ライセンスプラットフォームの実用性を融合させています。

02

カラー

対比の効いた黒と白の基盤に、鮮やかなオレンジのアクセントを一点だけ配置し、コアメッセージを強調します。

03

タイポグラフィ

didone-serif · humanist-sans

• display96px · 400
• h124px · 400
• body18px · 400
• small14px · 400

大きな装飾的な見出しにはDidoneセリフ体を用い、クラシックなエディトリアルの優雅さを想起させます。 · 本文、ナビゲーション、UI要素にはすべてHumanistサンセリフ体を用い、クリーンな可読性を確保します。 · 見出しのセリフ体と本文のサンセリフ体の間には、高いコントラストを維持します。

04

余白

厳密な4pxのベースライングリッドと、ゆったりとした垂直パディングを採用し、エディトリアルらしい開放感のある印象を維持します。

05

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

細い1pxの実線ボーダー（#DADADA または #CCCCCC）を、微細な水平の区切りやカードのコンテナとして厳密に使用します。

06

レイアウト

最大幅の広めの単一カラムコンテナを採用し、細いボーダーで区切られた明確な水平セクションで構成されます。

07

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

インタラクティブ要素のカラーや背景色のトランジション。 · リンクのテキスト装飾色のトランジション。

インタラクティブ要素の微細な色の変化。アクセントのオレンジ色にトランジションしたり、テキストを暗くしたりします。 · 即座にフィードバックを返し、クリーンで控えめなインタラクションモデルを維持します。

08

コンポーネント

• button 1pxの実線ボーダーを持つ、控えめなゴーストまたはアウトラインボタン。小さなテキストと矢印アイコンを配置します。
• card 細い1pxボーダーを持つクリーンなホワイトカード。アイコン、太字タイトル、本文テキスト、ゴーストボタンを内包します。
• chip 微細なボーダーを持つ、ミニマルなタグまたはラベル。
• input ブラウザ標準のスタイリングまたは微細なボーダーを持つ、シンプルなテキスト入力欄。
• hero 鮮やかなオレンジ色の巨大で表現力豊かなセリフ体見出しと、それに続く大きなサンセリフ体の段落。

09

文体と禁止事項

• トーン 自信に満ち、権威があり、洗練されています。ハイエンドなデザインツールの熟練キュレーターとして語りかけます。
• 見出し 直接的でインパクトがあり、視覚的な重みを最大化するために、しばしば大きなセリフ体を使用します。
• CTA 控えめなゴーストボタン。シンプルなテキストと矢印を用い、タイポグラフィに主導権を持たせます。

• ドロップシャドウを使用しない — スクリーンショットでは、細い1pxボーダーで区切られたフラットな面が示されています。
• 主要なアクションに角丸のピルボタンを使用しない — スクリーンショットでは、4pxの角丸を持つ長方形ボタンが示されています。
• メインのヒーロー見出しにサンセリフ体を使用しない — スクリーンショットでは、大きなDidoneセリフ体フォントが示されています。
• 複雑な複数色の背景を使用しない — スクリーンショットでは、厳密に白い背景が示されています。
• 本文に太いウエイト（太字）を使用しない — スクリーンショットでは、すべての標準テキストにウエイト400が示されています。
• 太いボーダーを使用しない — スクリーンショットでは、薄く控えめな1pxのライトグレーのボーダーが示されています。
• 避ける: 過度にカジュアルまたは会話的な言葉遣いを避ける。
• 避ける: 明確な水平の区切りのない、密集した雑然としたレイアウトを避ける。
• 避ける: 大きな装飾的な見出しにサンセリフ体を使用することを避ける。
• 避ける: 角丸ボーダーを過度に使用することを避ける。角はシャープに、あるいはごくわずかに丸めるにとどめる。
• 避ける: ドロップシャドウや重いボックスシャドウで奥行きを出すことを避ける。
• 避ける: 明るい複数色のパレットを使用することを避ける。厳格な黒・白・オレンジの配色を維持する。

10

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

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

11

System Prompt

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