Montserrat + Open Sans — クリーンなSaaS製品タイポグラフィ

SaaS製品のためのMontserrat + Open Sans

このオールサンセリフペアリングは、モダンなSaaSデザインの主力です。どちらも幾何学的なサンセリフですが、明確な階層を作るのに十分な個性の違いがあります。

Montserrat：太くて権威ある見出し

Montserratはブエノスアイレスのモンセラート地区の都市タイポグラフィにインスパイアされています。太いウェイト（600-800）では、製品名、機能セクション、CTAの見出しに最適な、強く自信に満ちた存在感があります。

h1, h2, h3 {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

Open Sans：ユニバーサルボディフォント

400億回以上のフォント配信で、Open Sansは最も広く使われているGoogle Fontです。ニュートラルでフレンドリーな文字形と優れたヒンティングにより、あらゆるプラットフォームとデバイスで読みやすくなっています。

body {
  font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

パフォーマンスの最適化

どちらのフォントもGoogle Fontsで最も人気があるため、ユーザーのブラウザにすでにキャッシュされている可能性が高く、パフォーマンス上の利点があります。font-display: swapを使用して、ロード中の見えないテキストを防止してください。