Design System

Fonts

font-abcginto

font-abcginto-medium

font-abcginto-bold

font-lexend

font-capitolize-normal

font-capitolize-all

Links / Dropdown

Colors

bg-white

bg-green-light

bg-pink

bg-pink-light

bg-purple-light

bg-blue-dark

bg-blue

bg-grey

bg-grey-light

text-color-white

text-color-cyan-dark

text-color-cyan

text-color-blue

text-color-pink

text-color-purple

text-color-green

text-color-grey

text-color-grey-medium

Pill BG Colors (Category Slugs)

blog

webinars-and-videos

reports-and-guides

customer-stories

podcasts

Text / Size / Weight

p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

p-medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

p-bold: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

text-centered

weight-medium

weight-bold

text-small

text-normal

text-medium-small

text-medium

text-medium-large

text-large

text-extra-large

Heading Classes

h1

h1-alt

h2

h2-alt

h3

h3-alt

h3-alt-2

h4

h4-alt

h4-alt-2

h5

Buttons / Boxes

Button Primary Button Primary Dark Button Secondary

box-shadow

gradient-background

Flex

flex-column-reverse

height-auto

?

rotate-180