Color Palette
Primary Color
#00004d
Highlighted Backgrounds and Headings
Secondary Color
Uses Primary Color with
H-15°,S100%,L55%
Heading Text Color
Uses Primary Color
Body Text Color
Uses Primary Color with 80% Opacity
Link Color
Uses Green with H-15°, S-10%,L-10%
White
#FFFFFF
Black
#000000
Red
#FF0000
Green
#00FF00
Red
#0000FF
Body Text Light
White
Heading Text Light
White
Border Dark
Uses Primary Color
Border Light
Uses Secondary Color with 25% opacity
Soft Gray
Uses Black with L75%
Dark Gray
Uses Black with L25%
Accent Color
Uses Green with H-75°, S-35%, L0%
Success
Uses Green
Warning
Uses Red with H360°, S40%, and L30%
Error
Uses Red
Background Light Gray
#F5F5F5
Background Overlay Dark
Uses Black with 86% Opacity
Background Overlay Light
Uses White with 86% Opacity
Drop Shadow
Uses Primary Color with 15% Opacity
Primary Light
Uses Primary Color with L50%
Primary Dark
Uses Primary Color with L-50%
Secondary Light
Uses Secondary Color with L75%
Secondary Dark
Uses Secondary Color withL-50%
Text Sizes
H1-Font-Size
H2-Font-Size
H3-Font-Size
H4-Font-Size
H5-Font-Size
H6-Font-Size
Body-Font-Size
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Small-Font-Size
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.