We have a few guidelines for using Grunt’s brand resources—please take a moment to familiarize yourself with them.
The Grunt Logomark is a badass warthog. We use it as a standalone graphic and in combination with the Wordmark Grunt.
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!").
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.
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:
Whilst we use the original Lato font on the Grunt website, we've slightly modified the font in the wordmarked logo.
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:
These are Grunt's brand colors. You can copy the HEX codes below or the Pantone
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:
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!
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.
[](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>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!
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]).
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:
- Create an issue ticket
- Send us an email ([email protected])