Class Name: default-h1
Class Name: default-h2
Class Name: default-h3
Class Name: default-h4
Class Name: default-h5
Class Name: default-h6
Class Name: default-description
Class Name: default-paragraph
Class Name: default-paragraph-bold
Class Name: default-small-paragraph
Class Name: default-smaller-paragraph
Class Name: default-btn-text
Class Name: default-nav-text
Class Name: default-label
Class Name: default-eyebrow
Class Name (for text): text-forest-green
Class Name (for background): bg-forest-green
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-green
Class Name (for background): bg-green
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-yellow
Class Name (for background): bg-yellow
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-dark-green
Class Name (for background): bg-dark-green
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-sky-blue
Class Name (for background): bg-sky-blue
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-light-mint
Class Name (for background): bg-light-mint
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-warm-grey
Class Name (for background): bg-warm-grey
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-dark-grey
Class Name (for background): bg-dark-grey
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-grey
Class Name (for background): bg-grey
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-light-grey
Class Name (for background): bg-light-grey
(alternatively you can use the swatch feature and just choose the color)
Class Name (for text): text-white
Class Name (for background): bg-white
(alternatively you can use the swatch feature and just choose the color)
Class Names:
> Section with a Padding Top & Bottom of [Desktop: 100px, Mobile: 40px]: section-padding-lg
> Section with a Padding Top & Bottom of [Desktop: 75px, Mobile: 40px]: section-padding-md
Class Names:
> Left Aligned: text-left
> Center Aligned: text-center
> Right Aligned: text-right
Class Names:
> Padding on All Corners (20px): padding-20
> Padding on All Corners (30px): padding-30
> Padding on All Corners (40px): padding-40
Class Names:
> Reset/remove default spacing (both padding and margin) on element: remove-spacing-all