Surge Metrix Style Guide

Logos

Square

SurgeMetrix square logo

Horizontal

SurgeMetrix horizontal logo

Stacked

SurgeMetrix stacked logo

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.

Examples:

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

© 2025 SurgeMetrix. All Rights Reserved. | Responsive Dealer Website provided by SurgeMetrix.