Surge Metrix 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.
SurgeMetrix
SurgeOffers
SurgeNews
SurgeLeads
Font
Montserrat, from Google Fonts
Additional Colors just because....
#030802
Extra Super Dark Surge Green
#010401
Super Dark Surge Green
#0E2A09
Dark Surge Green
#7CDF6D
Light Surge Green
#DAF6D5
Super Light Surge Green
#0A0400
Extra Super Dark Surge Orange
#190A00
Super Dark Surge Orange
#CA5202
Dark Surge Orange
#FEB381
Light Surge Orange
#FEE1CD
Super Light Surge Orange