Getting started
Components
Extra
Typography
Typography system.
Header
H1, 72 px
The five boxing wizards jump quickly.
H2, 64 px
The five boxing wizards jump quickly.
H3, 48 px
The five boxing wizards jump quickly.
H4, 40 px
The five boxing wizards jump quickly.
H5, 32 px
The five boxing wizards jump quickly.
H6, 28 px
The five boxing wizards jump quickly.
H7, 24 px
The five boxing wizards jump quickly.
H8, 20 px
The five boxing wizards jump quickly.
H9, 16 px
The five boxing wizards jump quickly.
H10, 14 px
The five boxing wizards jump quickly.
H11, 12 px
The five boxing wizards jump quickly.
Paragraph
P1, 20 px
The five boxing wizards jump quickly.
P2, 16 px
The five boxing wizards jump quickly.
P3, 14 px
The five boxing wizards jump quickly.
P4, 12 px
The five boxing wizards jump quickly.
Uppercase
U1, 18 px
The five boxing wizards jump quickly.
U2, 14 px
The five boxing wizards jump quickly.
U3, 12 px
The five boxing wizards jump quickly.
U4, 10 px
The five boxing wizards jump quickly.
Button
Btn1, 20 px
The five boxing wizards jump quickly.
Btn2, 18 px
The five boxing wizards jump quickly.
Btn3, 16 px
The five boxing wizards jump quickly.
Btn4, 14 px
The five boxing wizards jump quickly.
On this page