Type Scale

Generate a visual typography scale from a base size and modular ratio. Export as CSS variables.

3xl67.34px / 4.209rem
The quick brown fox
2xl50.52px / 3.158rem
The quick brown fox
xl37.9px / 2.369rem
The quick brown fox
lg28.43px / 1.777rem
The quick brown fox
md21.33px / 1.333rem
The quick brown fox
base16px / 1rem
The quick brown fox
sm12px / 0.75rem
The quick brown fox
xs9px / 0.563rem
The quick brown fox