Manrope + Inter — モダンテック企業タイポグラフィ

Linear、Vercel、Raycastのパターンに従い、見出しにManrope、本文にInterを使用してテック企業のWebサイトを構築する方法。

Specific Pairings

詳細な説明

テック企業のためのManrope + Inter

このペアリングはモダンテック企業のシグネチャールックとなっています。Manropeは見出しに個性を加え、Interは開発者が期待するクリーンでニュートラルな本文テキストを提供します。

Manrope:新しいテック見出し

Manropeは微妙にセミラウンドの文字形を持つモダンサンセリフです。重いウェイト(700-800)では、派手すぎることなく現代的に感じられる独特の見出しを作成し、テックブランドに最適なバランスを実現します。

h1, h2, h3 {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  font-weight: 800;
  letter-spacing: -0.03em;
}

Inter:業界標準

InterはVercel(バリアブルフォントバージョンを委託)、Linear、Raycast、その他数百のテック企業で使用されています。

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

テックの美学

モダンテックタイポグラフィは、見出しにタイトなレタースペーシング(-0.02 to -0.04em)、大きなヒーローテキスト(48-72px)、微妙なfont-feature-settingsを好みます。ダークモードがデフォルトで、本文テキストは#0a0a0bの背景に#e5e5e5です。

ユースケース

開発ツールのマーケティングページ、テックスタートアップのランディングページ、SaaS製品サイト、開発者やテックに精通したユーザーに対してモダニティと技術的洗練さを示したいブランドに使用してください。

試してみる — Google Fonts Pair Finder

フルツールを開く