Style Guide

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.

Text styles

Lorem ipsum dolor

Poppins Light 48px/NaNpx

Lorem ipsum dolor

Poppins Bold 40px/NaNpx

Lorem ipsum dolor

Poppins Medium 32px/NaNpx

Lorem ipsum dolor

Poppins SemiBold 20px/NaNpx

Lorem ipsum dolor

Poppins Bold 20px/NaNpx

Lorem ipsum dolor

Poppins Regular 16px/NaNpx

Lorem ipsum dolor

Poppins SemiBold 12px/NaNpx

Lorem ipsum dolor

Poppins ExtraLight 12px/NaNpx

Lorem ipsum dolor

Poppins Regular 20px/NaNpx

Color styles

MAIN Green- #829391

SECONDARY Orange- #F7C5AE

TEXT Black - #0A1413

Dark Grey - #4E605D

BG Blue - #EBF3F5

BG Color - #FCFCFC

BG Blush - #F9EAEC

Button styles