Poppins + Roboto — モダンダッシュボードタイポグラフィ

ダッシュボードUIのためのPoppins + Roboto

このペアリングは、ダッシュボードや管理パネルのようなデータ密度の高いインターフェースに美しく機能するシステムに、Googleの最も洗練された2つのタイプファミリーを組み合わせています。

Poppins：幾何学的な完璧さ

Poppinsは完全に円形のカウンター（'o'、'p'、'b'などの文字の囲まれたスペース）を持つ純粋な幾何学的サンセリフです。セミボールド（600）ウェイトでは、モダンでフレンドリー、整理された感覚の見出しを作成します。

h1, h2, h3, h4 {
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
  font-weight: 600;
}

Roboto：Android向けに設計、データに最適

RobotoはChristian RobertsonによってAndroidオペレーティングシステム向けに設計されました。その二重の性質（メカニカルなスケルトンと大部分が幾何学的なフォームだが開いたカーブ）により、UIラベル、テーブルデータ、フォームフィールド、段落テキストに卓越した読みやすさを提供します。

body, .data-table, .form-label {
  font-family: 'Roboto', system-ui, -apple-system, sans-serif;
  font-weight: 400;
}

ダッシュボード固有の考慮事項

ダッシュボードでは、追加のウェイトが必要になることがよくあります：テーブルヘッダー用のRoboto 500（medium）、二次情報用のRoboto 300（light）、ページタイトル用のPoppins 700。最適なデータスキャンのために本文テキストを14-16pxに保ってください。