Typography
Please refer to MUI's official docs for more details on component's usage guide and API documentation.
H1
Heading 1
font-size: 46px / line-height: 68px / font-weight: 500
H2
Heading 2
font-size: 38px / line-height: 56px / font-weight: 500
H3
Heading 3
font-size: 28px / line-height: 42px / font-weight: 500
H4
Heading 4
font-size: 24px / line-height: 38px / font-weight: 500
H5
Heading 5
font-size: 18px / line-height: 28px / font-weight: 500
H6
Heading 6
font-size: 15px / line-height: 22px / font-weight: 500
subtitle1
Cupcake ipsum dolor sit amet chocolate bar pastry sesame snaps.
font-size: 15px / line-height: 22px / font-weight: 400
subtitle2
Cupcake ipsum dolor sit amet chocolate bar pastry sesame snaps.
font-size: 13px / line-height: 20px / font-weight: 400
body1
Cupcake ipsum dolor sit amet chocolate bar pastry sesame snaps.
font-size: 15px / line-height: 22px / font-weight: 400
body2
Cupcake ipsum dolor sit amet chocolate bar pastry sesame snaps.
font-size: 13px / line-height: 20px / font-weight: 400
button
font-size: 15px / line-height: 22px / font-weight: 500 / text-transform: none
caption
font-size: 13px / line-height: 18px / font-weight: 400 / letter-spacing: 0.4px
overline
font-size: 12px / line-height: 14px / font-weight: 400 / text-transform: uppercase / letter-spacing: 0.8px