Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.

Text styles

Lorem ipsum dolor

Font Awesome 6 Free Solid 20px/NaNpx

Lorem ipsum dolor

Poppins ExtraBold 60px/65px

Lorem ipsum dolor

Poppins ExtraBold 45px/59px

Lorem ipsum dolor

Poppins ExtraBold 35px/47px

Lorem ipsum dolor

Poppins ExtraBold 25px/35px

Lorem ipsum dolor

Poppins ExtraBold 20px/29px

Lorem ipsum dolor

Poppins ExtraBold 18px/27px

Lorem ipsum dolor

Poppins Bold 14px/24px

Lorem ipsum dolor

Poppins Regular 18px/26px

Lorem ipsum dolor

Font Awesome 6 Free Solid 35px/NaNpx

Lorem ipsum dolor

Nunito Sans Regular 15px/24px

Lorem ipsum dolor

Nunito Sans SemiBold Italic 20px/26px

Lorem ipsum dolor

Font Awesome 6 Free Solid 45px/NaNpx

Lorem ipsum dolor

Font Awesome 6 Free Solid 25px/NaNpx

Lorem ipsum dolor

Nunito Sans SemiBold Italic 30px/40px

Lorem ipsum dolor

Font Awesome 6 Free Solid 20px/NaNpx

Color styles

White - #FFFFFF

Primary - #000938

Secondary - #BA1A1A

Soft Gray - #E7E7E6

Heading - #2D2D2D

Body - #6E6E6E

White Overlay - #FFFFFF

White Smoke - #F9F9F9

Border OVerlay - #FFFFFF

Border - #DADADA

Placeholder - #9D9D9D

Accent - #B3BFB8