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

Victor Serif - Normal

Victor Serif - Semibold

Noto - Extra Light

Noto - Light

Noto - Normal

Noto - Medium

Noto - Semibold

Noto - Bold

Noto - Extra Bold

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
Margin Bottom

00rem-margin-bottom

05rem-margin-bottom

10rem-margin-bottom

15rem-margin-bottom

20rem-margin-bottom

25rem-margin-bottom

30rem-margin-bottom

35rem-margin-bottom

40rem-margin-bottom

45rem-margin-bottom

50rem-margin-bottom

55rem-margin-bottom

60rem-margin-bottom

space
Margin right

00rem-margin-right

05rem-margin-right

10rem-margin-right

15rem-margin-bottom

20rem-margin-bottom

25rem-margin-bottom

30rem-margin-bottom

35rem-margin-bottom

40rem-margin-bottom

45rem-margin-bottom

50rem-margin-bottom

55rem-margin-bottom

60rem-margin-bottom

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-base-content

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