Typography Style Guide

Preview Class Name Mobile Size Desktop Size Copy
Sample h0 24px 28px
Sample h1 20px 24px
Sample h2 20px 20px
Sample h3 18px 18px
Sample h4 16px 18px
Sample h5 14px 16px
Sample h6 12px 12px
Sample para-display 20px 23px
Sample para-heading 14px 16px
Sample para-lead 14px 14px
Sample para-body 12px 12px
Sample para-small 12px 14px
Sample caption-special 22px 20px
Sample caption 18px 20px
Sample caption-large 18px 20.76px
Sample caption-medium 18px 18.45px
Sample caption-small 16px 16.15px
Sample caption-extra-small 12px 14px

Font Weight Guide

Preview Class Name Weight Copy
Aa Bb Cc text-light 300
Aa Bb Cc text-regular 400
Aa Bb Cc text-semibold 500
Aa Bb Cc text-bold 600
Aa Bb Cc text-bolder 700
Aa Bb Cc text-extrabold 900