Labels

Label Heading 1

Label Heading 2

Label Heading 3

Label Heading 4

Label Heading 5

Label Heading 6

style text

text-all-caps

text-first-letter-cap

text-all-caps

labels bold

Inter - Bold

Inter - Semibold

Inter - Medium

Inter - Normal

Inter - Light

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

space

00rem

05rem

10rem

15rem

20rem

25rem

30rem

35rem

40rem

45rem

50rem

55rem

60rem

text color scale

txt-color-white-1

txt-color-white-2

txt-color-white-3

txt-color-white-4

text color

txt-color-gray-soft

txt-color-black-green

txt-color-mate-green

txt-color-yellow

text aligment
Desktop

text-left

text-center

text-right

text aligment
mobile

text-left-mobile

text-center-mobile

text-right-mobile

Animations

anim-slide-in-bottom

anim-flip-in-bottom

anim-fade-in

buttons
white background

Button Text Button Text

buttons
solid background

Button Text Button Text

Background colors