Branding

Resources and guidelines.

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

Grays

ColorVARHEXPMS
gray-100#f9f9fa656 C
gray-200#dde1e4649 C
gray-300#ced4d8427 C
gray-400#bdc5cb428 C
gray-500#aab4bc4274 C
gray-600#94a2ab7543 C
gray-700#7b8b977544 C
gray-800#5f6e794136 C
gray-900#3840474140 C