Typography
H1

Emerald is the green to bluish green variety of beryl

H2

Emerald is the green to bluish green variety of beryl, a mineral species that also includes aquamarine as well as beryls in other colors.

H3

Emerald is the green to bluish green variety of beryl, a mineral species that also includes aquamarine as well as beryls in other colors.

H4

Emerald is the green to bluish green variety of beryl, a mineral species that also includes aquamarine as well as beryls in other colors.

H5
Emerald is the green to bluish green variety of beryl, a mineral species that also includes aquamarine as well as beryls in other colors.
H6
Emerald is the green to bluish green variety of beryl, a mineral species that also includes aquamarine as well as beryls in other colors.
Paragraph

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.

"Multi-line" = 1.75rem line height
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.

"Paragraph Big" = 1.125rem (18px)

"Paragraph Small" = 0.875rem (14px)

"Paragraph Tiny" = 0.75rem (12px)

UTILITY CLASSES
  • "White Text"
  • "Brand Text"
  • "Center Align"
  • "Right Align"
  • "No Spacing" = 0 margin and padding
Colors