mighty_color copy.png

BRAND GUIDE PT. 2

DO WORK THAT MATTERS™

back to Part 1.

PART 2. EXPRESSION

Logo:

The logo embodies Mighty in its simplest form. One side is representative of the organization, the other of the people. We help organizations raise problems that need to be solved and connect those problems with the right people in the org. Where the two peaks intersect you’ll notice an X. Mighty puts an X on the map and guides you on your path. Everyone is linked to the world in some way and has strength to offer. We all affect each other and when we come together we can scale mountains.

mighty_one_color.jpg
 

The colors change when the two peaks cross one another. This represents how organizations needs and peoples needs come together and they change each other. When they are doing work that matters, and it aligns to the needs of the organization, work becomes something more than the sum of their parts and both are changed into something new and, we believe, better.

The colors of the Mighty brand are a representation of our core values: Hope, goodness, curiousity, craftsmanship, and authenticity.

mighty_sticker.jpg

Logo colors

Mighty Pink   #F0545D  rgb(240, 84, 93)

Mighty Pink

#F0545D

rgb(240, 84, 93)

Mighty Orange   #F68C5C  rgb(246, 140, 92)

Mighty Orange

#F68C5C

rgb(246, 140, 92)

Mighty Yellow   #FEC40E  rgb(254, 196, 14)

Mighty Yellow

#FEC40E

rgb(254, 196, 14)

Mighty Blue   #22A5EC  rgb(34, 165, 236)

Mighty Blue

#22A5EC

rgb(34, 165, 236)

Mighty Green   #80C7BE  rgb(128, 199, 190)

Mighty Green

#80C7BE

rgb(128, 199, 190)

Mighty Black   #212528  rgb(33, 37, 40)

Mighty Black

#212528

rgb(33, 37, 40)

Grey Accents

Mighty Grey Dark   #414447  rgb(65, 68, 71)

Mighty Grey Dark

#414447

rgb(65, 68, 71)

Mighty Grey Dark 2   #5B6268  rgb(91, 98, 104)

Mighty Grey Dark 2

#5B6268

rgb(91, 98, 104)

Mighty Grey Medium   #919396  rgb(145, 147, 150)

Mighty Grey Medium

#919396

rgb(145, 147, 150)

Mighty Grey Medium 2   #DBDEE1  rgb(219, 222, 225)

Mighty Grey Medium 2

#DBDEE1

rgb(219, 222, 225)

Mighty Grey Light   #EEF2F4  rgb(238, 242, 244)

Mighty Grey Light

#EEF2F4

rgb(238, 242, 244)

Mighty Grey Light 2   #F6F9FA  rgb(246, 249, 250)

Mighty Grey Light 2

#F6F9FA

rgb(246, 249, 250)

 

The minimum spacing around the logo is based on the height of the ‘m’ and it also is the space between the top of the text (without ascenders) and the bottom of the mountains. All of the logo files have this padding built in.

logo spacing-100.jpg

Usage of the logo:

The two preferred versions are the full color logo with the mountains centered above the word and the inline version with the mountains to the right of the word.

logo.jpg
logo inline.jpg

There are also 4 other versions for use in special places:

Logo with large icon

Logo with large icon

Icon only

Icon only

Text only

Text only

Small text

Small text

 

Every version will have a full color and a one color version as well as one for dark or light backgrounds.

logo.jpg
logo light.jpg
logo one color dark.jpg
logo one color light.jpg

Download the logos:

.jpg (normal, small, hi-res)

.png

.svg


Wallpapers:

 

Tone of Voice:

Clever, familiar rather than formal

Not playful but fun. Clever but not cute. Unassuming. Humility in the tone of the content. Huge announcement “Oh by the way” instead of “WE DID THIS!” We are honest to a fault, Our tone should be similar to Slack. Colloquial and approachable internet acronyms are cool af. Sometimes snarky and sarcastic. It’s about proportion and being straightforward but at times delivering. We are geek cool but not bro cool.