LIst of class names and examples of all typography used on the website.
Headings (h1-h2)
display-2xl
display-xl
display-lg
display-md
display-sm
Titles & Subheaders (h3-h6)
title-xxs
title-medium-xxs
title-xs
title-medium-xs
title-sm
title-medium-sm
title-md
title-medium-md
title-lg
title-medium-lg
headline-sm
headline-medium-sm
headline-md
headline-medium-md
headline-lg
headline-medium-lg
Body Regular
body-2xl
Software that brings you closer to parents and makes it easier to run your setting smoothly.
body-xl
Software that brings you closer to parents and makes it easier to run your setting smoothly.
body-l
Software that brings you closer to parents and makes it easier to run your setting smoothly.
body-m
Bigger body text which need to handle larger chunks of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tempor sollicitudin erat, eu venenatis risus viverra at. Nulla facilisi. Praesent a tortor ac mi aliquam congue. Morbi egestas rutrum mauris sit amet venenatis.
body-s
Regular body text which need to handle larger chunks of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tempor sollicitudin erat, eu venenatis risus viverra at. Nulla facilisi. Praesent a tortor ac mi aliquam congue. Morbi egestas rutrum mauris sit amet venenatis.
body-xs
Smaller text size, used for supporting text or graphics and images
body-xxs
Smaller text size, used for supporting text or graphics and images