Global Styles
This page previews Global Fonts and Colors for this Kit. Changes made in Site Settings will be displayed here.
Global Colors
SYSTEM
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Primary
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Secondary
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Text
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
accent
custom
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
White BG
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Accent #2/White
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Transparent
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Grey Element/BG
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Pink Element/BG
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
Blue Element
.cls-1{fill:#fff;}.cls-2{fill:#bcbcbc;}
App Store Icon
Global Fonts
SYSTEM
Primary
abcd
Secondary
abcd
Text #1
Looking to change global styles?
Click on top left menu in sidebar
and then select Site Settings.
Accent #1
abcd
custom
Hero/CTA Title
abcd
4rd Level Title
abcd
5th Level Title/Person Name
abcd
Accent #2/Nav Menu
abcd
Text #2 Big
abcd
Copyright Text/Person Title
abcd
404 Title
abcd
Buttons & Links
Buttons and links inherit their style from Global Fonts and Colors settings in Site Settings.
Main CTA button
2nd CTA button
Underline Accent
This is Hyperlink
