Colors

.color-white

Lorem ipsum dolor sit amet

.color-black

Lorem ipsum dolor sit amet

.color-gray-300

Lorem ipsum dolor sit amet

.color-gray-400

Lorem ipsum dolor sit amet

.color-gray-500

Lorem ipsum dolor sit amet

.color-gray-600

Lorem ipsum dolor sit amet

.color-gray-800

Lorem ipsum dolor sit amet

.color-gray-900

Lorem ipsum dolor sit amet

Headings

.title-big

Lorem ipsum dolor sit amet

.title-h1

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

.title-h2

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

.title-h3

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

.title-h4

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

.title-h5

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

.title-h6

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Body text

.text-12

Lorem ipsum dolor sit amet

.text-14

Lorem ipsum dolor sit amet

.text-16

Lorem ipsum dolor sit amet

.text-20

Lorem ipsum dolor sit amet

.text-22

Lorem ipsum dolor sit amet

Font weights

.semi-bold

This is some text inside of a div block.

.extra-bold

This is some text inside of a div block.

Line Heights

.line-height-tight

Lorem ipsum dolor sit amet

.line-height-snug

Lorem ipsum dolor sit amet

.line-height-normal

Lorem ipsum dolor sit amet

.line-height-normal

Lorem ipsum dolor sit amet

.line-height-loose

Lorem ipsum dolor sit amet

a tag

I am a link without a class

I am a link with '.text-link' class

.higlight-gradient

This is some text inside of a div block.

Buttons

.cta-btn

.glow-btn

.btn.is-white

.btn.is-outlined

.arrow-link

Pills

.pill

Lorem ipsum

Lorem ipsum

.glow-pill

Lorem ipsum

Lorem ipsum