Typography and spacing
Typography
Typo styles
xxs: The quick brown fox jumps over the lazy dog
xs: The quick brown fox jumps over the lazy dog
sm: The quick brown fox jumps over the lazy dog
md: The quick brown fox jumps over the lazy dog
lg: The quick brown fox jumps over the lazy dog
xl: The quick brown fox jumps over the lazy dog
xxl: The quick brown fox jumps over the lazy dog
Our font size scale contains these sizes:
0:
14px
1:
16px
2:
19px
3:
26px
4:
40px
5:
56px
6:
65px
7:
85px
Space scale
0px
4px
8px
12px
16px
24px
32px
64px
128px
Space rhythms
Space rhythms is a collection of pre-defined spaces, tailored for the different breakpoints. It can be used for every space property, eg <Box mb="sm" p="xl" />.
xxs
0x0
xs
0x0
sm
0x0
md
0x0
lg
0x0
xl
0x0