Foundations / Typography
Typography
Font Family: Matter | Weights: Regular (400), Medium (500), SemiBold (600), Bold (700), Heavy (900)
Regular (400)
2xs / 10pxThe quick brown fox jumps over the lazy dog
xs / 12pxThe quick brown fox jumps over the lazy dog
sm / 14pxThe quick brown fox jumps over the lazy dog
base / 16pxThe quick brown fox jumps over the lazy dog
lg / 18pxThe quick brown fox jumps over the lazy dog
xl / 20pxThe quick brown fox jumps over the lazy dog
2xl / 24pxThe quick brown fox jumps over the lazy dog
3xl / 30pxThe quick brown fox jumps over the lazy dog
4xl / 36pxThe quick brown fox jumps over the lazy dog
Medium (500)
2xs / 10pxThe quick brown fox jumps over the lazy dog
xs / 12pxThe quick brown fox jumps over the lazy dog
sm / 14pxThe quick brown fox jumps over the lazy dog
base / 16pxThe quick brown fox jumps over the lazy dog
lg / 18pxThe quick brown fox jumps over the lazy dog
xl / 20pxThe quick brown fox jumps over the lazy dog
2xl / 24pxThe quick brown fox jumps over the lazy dog
3xl / 30pxThe quick brown fox jumps over the lazy dog
4xl / 36pxThe quick brown fox jumps over the lazy dog
SemiBold (600)
2xs / 10pxThe quick brown fox jumps over the lazy dog
xs / 12pxThe quick brown fox jumps over the lazy dog
sm / 14pxThe quick brown fox jumps over the lazy dog
base / 16pxThe quick brown fox jumps over the lazy dog
lg / 18pxThe quick brown fox jumps over the lazy dog
xl / 20pxThe quick brown fox jumps over the lazy dog
2xl / 24pxThe quick brown fox jumps over the lazy dog
3xl / 30pxThe quick brown fox jumps over the lazy dog
4xl / 36pxThe quick brown fox jumps over the lazy dog
Bold (700)
2xs / 10pxThe quick brown fox jumps over the lazy dog
xs / 12pxThe quick brown fox jumps over the lazy dog
sm / 14pxThe quick brown fox jumps over the lazy dog
base / 16pxThe quick brown fox jumps over the lazy dog
lg / 18pxThe quick brown fox jumps over the lazy dog
xl / 20pxThe quick brown fox jumps over the lazy dog
2xl / 24pxThe quick brown fox jumps over the lazy dog
3xl / 30pxThe quick brown fox jumps over the lazy dog
4xl / 36pxThe quick brown fox jumps over the lazy dog
Heavy (900)
2xs / 10pxThe quick brown fox jumps over the lazy dog
xs / 12pxThe quick brown fox jumps over the lazy dog
sm / 14pxThe quick brown fox jumps over the lazy dog
base / 16pxThe quick brown fox jumps over the lazy dog
lg / 18pxThe quick brown fox jumps over the lazy dog
xl / 20pxThe quick brown fox jumps over the lazy dog
2xl / 24pxThe quick brown fox jumps over the lazy dog
3xl / 30pxThe quick brown fox jumps over the lazy dog
4xl / 36pxThe quick brown fox jumps over the lazy dog