Pro-tips: Paste this content into a dedicated page named âStyle guideâ. Convert each color style below to variables so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Style panel on the right and add it as a variable by clicking the purple dot next to a color property.
Poppins Light 48px/NaNpx
Poppins Bold 40px/NaNpx
Poppins Medium 32px/NaNpx
Poppins SemiBold 20px/NaNpx
Poppins Bold 20px/NaNpx
Poppins Regular 16px/NaNpx
Poppins SemiBold 12px/NaNpx
Poppins ExtraLight 12px/NaNpx
Poppins Regular 20px/NaNpx
MAINÂ Green- #829391
SECONDARY Orange- #F7C5AE
TEXTÂ Black - #0A1413
Dark Grey - #4E605D
BGÂ Blue - #EBF3F5
BGÂ Color - #FCFCFC
BGÂ Blush - #F9EAEC