Labels

Label Heading Main

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

Montserrat - Extra Bold

Montserrat - Bold

Montserrat - Semibold

Montserrat - Medium

Montserrat - Normal

Montserrat - Light

Satoshi - Light

Satoshi - Normal

Satoshi - Medium

Satoshi - Bold

Satoshi - Black

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-imp-1

txt-color-white-imp-2

txt-color-white-imp-3

txt-color-white-imp-4

text color

txt-color-green

txt-color-gray-content

txt-color-gray-soft

txt-color-purple

txt-color-blue-electric

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 Button Text

buttons
solid background

Button Text Button Text

Background colors