Branding

Resources and guidelines.

One-for-One
We give back for each client service we do.

Madroit Marketing Logo

The “Madroit mountains” represent the path to success. Two peaks formed from the letter M, mirrored in a way, a positive and a negative, but still two parts of one whole.

Download the Madroit Marketing logo in PNG, SVG, and PDF below.

Download the Madroit Marketing Logo (ZIP)

Logo Usage Guidelines

  • Don’t modify the logo whether it’s adding graphic effects, changing colors (white/black is approved), distorting/altering the shape, or changing the orientation.
  • You can use the mark alone, but don’t use the logo type without the mark.
  • When using a solid color background, always use the white logo (unless the contrast ratio between white and the solid color background is less than 1.5, in which case use our primary or dark logo).

Fonts

A font is a visual representation of your voice. Do you want to sound friendly? Serious? Playful? Maybe you want to sound like a mix.

Heading

Montserrat

We began with Montserrat as our heading font because it’s the perfect balance of serious and playful. We get the job done, but have fun doing it.

Download Montserrat on Google Fonts

Body

Mulish

Next, we went onto the body font. We came across Mulish which we found to be a great contrast to Montserrat with its more serious tone, and great legibility, while complimenting Montserrat very nicely with its similarly styled letters.

Download Mulish on Google Fonts

Color

Primary (blue)

primary-dark
HEX #005b9b
PMS 3015 C
primary
HEX #0295ff
PMS 2925 C
primary-light
HEX #def1ff
PMS 656 C
primary-lightest
HEX #ebf6ff
PMS 656 C

Secondary (purple)

secondary-dark
HEX #4310a9
PMS 2091 C
secondary
HEX #6610f2
PMS 266 C
secondary-light
HEX #f0e6ff
PMS 7436 C
secondary-lightest
HEX #faf7ff
PMS 7436 C

Tertiary (orange)

tertiary-dark
HEX #a34700
PMS 1535 C
tertiary
HEX #ff791a
PMS 1585 C
tertiary-light
HEX #ffecdd
PMS 705 C
tertiary-lightest
HEX #fff4eb
PMS 705 C

Success (green)

success-dark
HEX #006127
PMS 2427 C
success
HEX #00a743
PMS 2252 C
success-light
HEX #d6ffe7
PMS 656 C
success-lightest
HEX #effff5
PMS 7436 C

Accent (red)

red-dark
HEX #9e2631
PMS 704 C
red
HEX #ff3c4c
PMS 1787 C
red-light
HEX #ffdcde
PMS 705 C
red-lightest
HEX #ffedef
PMS 7436 C

Accent (pink)

pink-dark
HEX #541054
PMS 2357 C
pink
HEX #ff32ff
PMS 238 C
pink-light
HEX #ffddff
PMS 7436 C
pink-lightest
HEX #ffe8ff
PMS 7436 C

Accent (yellow)

yellow-dark
HEX #5c4500
PMS 732 C
yellow
HEX #ffc000
PMS 7548 C
yellow-light
HEX #fff7de
PMS 705 C
yellow-lightest
HEX #fffaeb
PMS 705 C

Accent (cyan)

cyan-dark
HEX #164954
PMS 4189 C
cyan
HEX #44deff
PMS 2198 C
cyan-light
HEX #e6fbff
PMS 656 C
cyan-lightest
HEX #edfcff
PMS 656 C

Grays

Color VAR HEX PMS
gray-100 #f9f9fa 656 C
gray-200 #dde1e4 649 C
gray-300 #ced4d8 427 C
gray-400 #bdc5cb 428 C
gray-500 #aab4bc 4274 C
gray-600 #94a2ab 7543 C
gray-700 #7b8b97 7544 C
gray-800 #5f6e79 4136 C
gray-900 #384047 4140 C