Skip to content

Latest commit

 

History

History
149 lines (99 loc) · 6.49 KB

Grunt-Brand-Guide.md

File metadata and controls

149 lines (99 loc) · 6.49 KB

We have a few guidelines for using Grunt’s brand resources—please take a moment to familiarize yourself with them.

Logomark

The Grunt Logomark is a badass warthog. We use it as a standalone graphic and in combination with the Wordmark Grunt.

Grunt warthog logo Wordmark Grunt warthog logo with "GRUNT" caption

Wordmark

When the name "Grunt" is written stand-alone, or being treated graphically, the Grunt wordmark should be written in uppercase (i.e. GRUNT).

However, when referring to Grunt in a sentence, the Grunt wordmark should be written as a proper-noun, capitalizing only the first letter (e.g. "We use Grunt to assemble our project!").

Safety space

When using the Grunt Logo with other logos or graphic elements, ensure a 'safety space' is surrounding the Grunt logo:

  • 25% of the logo's width should be padded to the left and right
  • 25% of the logo's height should be padded above and below

In other words, the Grunt logo and its safety space should have a size that's 150% of the the logo itself.

From the logo's dimensions, there should be 25% padding surrounding the Grunt logo

Typography

When using the Grunt wordmark graphically (and in all-caps), please use the open source font "Lato".

Lato was created by Łukasz Dziedzic, and Google hosts a copy of this font. You can download here:

Lato Font

Whilst we use the original Lato font on the Grunt website, we've slightly modified the font in the wordmarked logo.

Usage

Grunt is an Open Source Project, and whilst you're free to use our logo, we ask that you respect our guidelines. Although you might have the best intentions, we don't want you to alter the official Grunt logo. Here are some examples of logo usage that we do NOT support:

Don't add embellishments to the Grunt logo Don't stretch the logo, or change the x:y ratio of its dimensions Don't alter the "GRUNT" caption, or embed a customised caption Don't alter the colors of the logo, using filters or otherwise

Brand Colors

These are Grunt's brand colors. You can copy the HEX codes below or the Pantone

#452F13
Pantone 476 C
#E68724
Pantone 7569 C
#FAA918
Pantone 7409 C
#C9C8C8
Pantone 420 C

Promotion

Every Open Source Project benefits from the promotion of its users, and Grunt is no exception. Are you using Grunt in your project and want to brag about it? Want to share the Grunt project with the world? Here are a few suggestions for you:

Twitter

The word “Grunt” might be too generic for Twitter, so use the hashtag #GruntJS instead to share your love

Do you use Grunt in a project and want to proudly display that in your project's README, or on your project's website? Now you can with the official "Built with Grunt" badge!

Built with Grunt

Using the Badge

Just copy the following Markdown code snippet and paste it right underneath the headline in your project README. You can also put it on your project website homepage or footer.

[![Built with Grunt](https://cdn.gruntjs.com/builtwith.svg)](https://gruntjs.com/)

If you need an HTML version, we've got you covered.

<a href="https://gruntjs.com/">
  <img src="https://cdn.gruntjs.com/builtwith.svg" alt="Built with Grunt">
</a>

For example...

As you can see, the "Built with Grunt" badge is modern, stylish, and has been designed to fit nicely next to all your project's other mini-badges. You can put it first, last, or anywhere in the middle. Have fun!

NPM version Coverage Status Build Status Built with Grunt

Legal

All the Grunt graphics are proprietary and protected under intellectual property laws, so please use them correctly.

Don’t display these graphics in a way that implies a relationship, affiliation, or endorsment by Grunt of your product, service, or business.

Don’t use these graphics as part of your own product, business, or service’s name.

Don’t alter these graphics in any way, or combine them with any other graphics, without written consent from the Grunt team.

If you wish to use any Grunt graphics beyond the scope of this document, apply by creating an issue ticket or sending us an email ([email protected]).

Assets

Download the assets

Logomark

EPS JPG (300dpi) PNG

Logomark + Wordmark

EPS JPG (300dpi) PNG

Contact Us

If something is not covered here, or you have any questions, please let us know, as it will help us to improve this brand guide. You can reach us in the following ways: