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.
Noto Sans Bold 64px/72px
Noto Sans Bold 46px/56px
Noto Sans Bold 32px/40px
Noto Sans Bold 20px/24px
Noto Sans Bold 24px/28px
Noto Sans Bold 18px/24px
Noto Sans SemiBold 32px/40px
Noto Sans SemiBold 24px/28px
Noto Sans SemiBold 20px/24px
Noto Sans SemiBold 18px/24px
Noto Sans Bold 16px/20px
Noto Sans SemiBold 14px/20px
Hind Regular 12px/16px
Hind Regular 10px/16px
Hind Regular 16px/20px
Hind SemiBold 16px/24px
Hind Regular 16px/24px
Hind SemiBold 16px/24px
Hind Regular 16px/24px
Hind Regular 20px/28px
Hind Regular 18px/24px
Hind Regular 16px/20px
Principais/Class Blue - #001D2F
Principais/Class Light Blue - #009DFC
Principais/Class Navy - #262E30
Principais/Class Verdigris - #17BEBB
Principais/Class Nyanza - #D4F4DD
Principais/Class Teal - #0E7C7B
Principais/Class Purple - #8661C5
Principais/Class Light Purple - #D59DFF
Principais/Class Dark Purple - #3B2E58
Principais/Class Rusty Red - #E80537
Principais/Class Dark Orange - #B13411
Principais/Class Light Orange - #FF987B
Neutras/Black - #000000
Neutras/Text Grey - #667085
Neutras/White - #FFFFFF
Neutras/Gray 100 - #F2F2F2
Neutras/Gray 200 - #E6E6E6
Neutras/Gray 300 - #D2D2D2
Neutras/Gray 400 - #A2A2A2
Neutras/Gray 475 - #858585
Neutras/Gray 500 - #757575
Neutras/Gray 600 - #505050
Neutras/Gray 700 - #404040
Neutras/Gray 800 - #2F2F2F
Neutras/Gray 900 - #171717
Gradientes/Class Green Gradient - #17BEBB
Gradientes/Class Light Blue Gradient - #00172F
Gradientes/Class Purple Gradient - #8661C5
Gradientes/Class Orang Gradient - #E80537
Gradientes/Navy Gradient - #262E30
MWF_MORAY/Neutral Colors/Gray 800 - #2F2F2F
MWF_MORAY/Neutral Colors/Gray 400 - #A2A2A2
MWF_MORAY/Neutral Colors/White - #FFFFFF
MWF_MORAY/Neutral Colors/Black - #000000