pixel / typography lab
Type System Builder
base 16px
ratio 1.25
spread 9.3×
scale ratio
system
min 8.19px
max 76.29px
steps 11
stepvaluepreview
2xs8.19pxThe invisible grid holds everything.
xs10.24pxThe invisible grid holds everything.
sm12.8pxThe invisible grid holds everything.
base16pxThe invisible grid holds everything.
md20pxThe invisible grid holds everything.
lg25pxThe invisible grid holds everything.
xl31.25pxThe invisible grid holds everything.
2xl39.06pxThe invisible grid holds everything.
3xl48.83pxThe invisible grid holds everything.
4xl61.04pxThe invisible grid holds everything.
5xl76.29pxThe invisible grid holds everything.
sample