SurgeMetrix Style Guide
Logos
Square
Horizontal
Stacked
Colors
#39AF27
A bold green used for accents, calls-to-action, and small splashes of color
#FFFFFF
It's just White. Appropriate for backgrounds, and light text on a dark background.
#F4F4F4
A light grey. Appropriate as an alternate background color, or to provide depth.
#5F5F5F
A medium grey. Appropriate for dividers, icons, and more.
#434343
Dark grey. Good for where you need a dark background with light text, or as an alternate text color.
#000000
It's like, how much more black could this be and the answer is none. None more black.
#f96302
A bold orange. Use sparingly. Primarily for contrasting CTAs (like a chat button).
Name Usage
Anytime the word Surge is used as part of a product or company name, it should be rendered in the standard green color. The rest of the name should be rendered in black.
Surge Metrix
Surge Offers
Surge News
Surge Leads
Font
Montserrat, from Google Fonts