厳選・オープン・無料

Amplitude

B2B分析プラットフォームのための、ハイコントラストでタイポグラフィに焦点を当てた法的ポリシーページ。

01

デザイン DNA

法的文書に適応された、プロフェッショナルなエンタープライズソフトウェアダッシュボードのレイアウト。

02

カラー

最大限の可読性とプロフェッショナルな明瞭さのためのハイコントラストモノクローム。

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

• display56px · 600
• heading24px · 600
• body18px · 400
• small14px · 400

本文には非常に可読性の高いヒューマニストサンセリフを使用。 · 見出しには、より構造化されたサンセリフを使用。 · ディスプレイサイズにはタイトな文字間隔を適用し、モダンでプレミアムな感覚を演出。

04

余白

コンテンツセクションを明確に区切るための、ゆとりのある垂直パディングを持つ、一貫した4pxベースグリッド。

05

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

主にスペーシングとタイポグラフィによる区切りに依存し、1pxのソリッドボーダーは最小限に使用。

06

レイアウト

法的テキスト用の中央揃えの狭いカラムを持つ、標準的なトップナビゲーション。

07

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

ホバー時の微妙な背景色のトランジション。 · インタラクティブ状態のためのオパシティの変化。

ボタンの背景色のシフトと、テキストリンクの微妙なオパシティの変化。 · 背景色の変化による即座のビジュアルレスポンス。

08

コンポーネント

• button ピル形ボーダー-radiusを持つソリッドブラックのプライマリボタンと、セカンダリーテキストボタン。
• card テキストが中心となるこの法的ページではカードは使用されません。
• chip 該当なし
• input 該当なし
• hero 大きなタイポグラフィと明確なメタデータラインを持つ、テキストのみのヒーローセクション。

09

文体と禁止事項

• トーン プロフェッショナルで明確、権威があり、法的です。
• 見出し 直接的で記述的。
• CTA アクション指向でハイコントラスト。

• 装飾的な背景画像は使用しない — スクリーンショットではクリーンな塗りつぶしの白い背景が示されています。
• マルチカラーパレットは使用しない — スクリーンショットでは厳格なモノクロームの黒と白のスキームが示されています。
• 本文テキストを中央揃えにはしない — スクリーンショットではより良い可読性のため左揃えのテキストが示されています。
• 装飾的なボーダーは使用しない — スクリーンショットではレイアウトの区切りが主にスペーシングによって行われています。
• 広いテキストカラムは使用しない — スクリーンショットでは読むための狭く最適化されたカラムが示されています。
• カジュアルなタイポグラフィは使用しない — スクリーンショットでは非常に可読性が高くプロフェッショナルなサンセリフフォントが示されています。
• 避ける: 遊び心のあるまたはカジュアルな言葉遣い
• 避ける: 過度に複雑なビジュアル装飾
• 避ける: 明るくまたは注意をそらすアクセントカラー

10

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

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

11

System Prompt

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