Asset Downloads
Mightybytes Logo (PNG)
Download (.zip file)Mightybytes Logo (JPEG)
Download (.zip file)Mightybytes Logos (EPS)
Download (.zip file)Mightybytes Mark Only PNGs
Download (.zip file)Mightybytes Mark Only JPEGs
Download (.zip file)B Corps Logos (EPS)
Download (.zip file)Logos
BCorp Logos
Logo Usage
☹Don't use the old branding colors. We changed them for a reason.
☹For cryin' out loud - NO DROP SHADOWS.
☹Don't change the mark at all. No matter how tempted you may be.
☹Don't add effects like fades or transparency.
☹Don't use the "Mb" in the logo mark on it's own. Keep it boxed ya'll.
☹Don't use the logo or mark over any non-approved imagery.
☹Don't use skew the logo or place it vertically. Even if you think it adds "whimsy".
☹Don't change the size relationship between the mark and the logo text.
☹No trippy gradients. In fact, no gradients at all.
☹Don't skew elements of the design. This isn't the twilight zone.
Typography
Our main typeface is Brandon Grotesque.
Where Brandon Grotesque is not available, Trebuchet or Muli is used.
Please use the following sizes:
H1 is Brandon Grotesque Bold at 50px.
H2 is Brandon Grotesque Regular 36px.
H3 is Brandon Grotesque Regular at 24px.
H4 is Brandon Grotesque Regular at 20px.
H5 is Brandon Grotesque Regular at 18px.
H6 is Brandon Grotesque Regular at 16px.
Paragraphs are Brandon Grotesque at 20px.
Text Box
Here you can feel the color, size, line height and margins between paragraphs. Don't forget to underline your links, they are an important visual marker for users.
Also, to attract attention you can mark some important words using bold weights.
Headings
Header
Header 2
Header 3
Mightybytes
Mightybytes is one word. Capitalize the first M. The "b" is never capitalized.
Mightybytes
☺You got this!
MightyBytes
☹Not this.
mightybytes
☹Nope, not this either.
Ecograder
Ecograder is one word. Capitalize the first E. The "g" is never capitalized.
Ecograder
☺You got this!
EcoGrader
☹Not this.
ecograder
☹Nope, not this either.
Brand Colors
Light Blue
#A6DDE7
R166 G221 B231
Blue
#64BFCE
R100 G191 B206
Dark Blue
#237687
R35 G118 B135
Light Green
#DBE489
R219 G228 B137
Green
#BBCA37
R187 G202 B55
Dark Green
#778436
R119 G132 B54
Light Pink
#F19FA3
R241 G159 B163
Pink
#E2565D
R226 G86 B93
Dark Pink
#941D22
R148 G29 B34
Light Taupe
#D3C8C1
R211 G200 B193
Taupe
#A6978D
R166 G151 B141
Dark Taupe
#93867D
R147 G134 B125
Light Grey
#B2B3B2
R178 G179 B178
Grey
#666766
R102 G103 B102
Dark Grey
#565656
R86 G86 B86
Press Photos
Email Signature
Email Signature Template (html)
Download (.html)To download, rightclick the download button and "Save Link As" to your desktop.