Studio Top

Type Scale & Rhythm

適切な行間とサイズ比率(モジュラースケール)が、読みやすさと美しいリズムを生み出します。

16px

Heading Level 1

Size: -- | Scale: 3.052

Heading Level 2

Size: -- | Scale: 2.441

Heading Level 3

Size: -- | Scale: 1.953

これは本文のサンプルです。適切な行間(line-height)とフォントサイズを設定することで、 ユーザーはストレスなく長文を読むことができます。視覚的な階層構造が明確であればあるほど、 情報は正しく伝わります。The quick brown fox jumps over the lazy dog.

Body Size: -- | Scale: 1