# Webデザインに宿る見えない調和
音楽的タイポグラフィスケールは、音楽的インターバルの数学をタイポグラフィデザインに応用します。音楽の作曲が精密な比率によって支配されているように、優れたビジュアルデザインも、すべてのサイズを互いに関連付ける数学的構造から恩恵を受けます。# モジュラースケールの仕組み
計算式
計算の仕組みはシンプルです：サイズ = ベース × 比率n。ステップ0が基本テキスト、ステップ1が小さなサブタイトル、ステップ4か5がメインのH1になります。同じ乗数定数（比率）がすべての関係に一貫性をもたらします。
なぜ「音楽的」なのか
ピタゴラス学派は、弦を単純な比率（1:2、2:3、3:4）で分割すると協和音が生まれることを発見しました。オクターブ、完全5度、完全4度というこれらのインターバルは、まさにタイポグラフィの比率と同じです。視覚的な音楽を作曲しているのです。
# 適切な比率の選び方
密度の高いインターフェース（ダッシュボード、テーブル）には
スケールを1.125や1.2のような小さい比率を使いましょう。エディトリアルやポートフォリオサイトには、1.5や1.618のような表現豊かな比率が効果的です。 font-sizeだけに限定しないでください。同じCSS変数はmargin、padding、gapにも使えます。余白がテキストと同じ数学的な進行に従うとき、デザインは誰もが感じるけれど説明できないレベルの一体感を達成します。