Brand Guidelines
Griptape, Inc.
Brand Guidelines
Griptape, Inc.
Welcome
Welcome to the Griptape Brand Guidelines page. Here you'll find all the information you need about how to use the Griptape logo.
The Griptape logo
The full griptape logo is composed of graphic mark and a logotype set in Timmana font.
Griptape kerning
Important Note:
If you plan on using the Timmana font to write Griptape instead of using the downloadable graphic, it's important to be aware that we have adjusted the letter kerning for our logo.
The default kerning for the Timmana font doesn't look very nice with the Griptape logo, thus we have made a few adjustments. We have decreased the kerning for the r, a, and i letters, and increased it for the p.
To see a demonstration of the effect this has, you can hover over the example text below.
<div class="griptape-logo">
<span class="g">g</span><span class="r">r</span><span class="i">i</span><span class="p">p</span><span class="t">t</span><span class="a">a</span><span class="p">p</span><span class="e">e</span>
</div>
.griptape-logo {
.r, .a {
letter-spacing: -.025em;
}
.i {
letter-spacing: -.05em;
}
.p {
letter-spacing: .04em;
}
}
Logo Mark
Our mark is most commonly a rounded square, with three rows of dots and dashes.
Mark Standard Alts
While a rounded square is the most common representation, there are some variations we often see. Circular and Chat are the most frequent.
Mark Creatives
While we want to make sure our logo is recognizable, we also want it to reflect the individuality and creativity of our customers.
Thus, we've created a number of alternate marks, that are still recognizable as Griptape, but also represent the flair of individual developers. Keep watching this space for more.
Background
There are different versions of the logo to use depending on your background. You're welcome to use either just the mark or the full logo depending on your requirements.
Light Logo
On dark backgrounds and images, please us the lighter logo or mark.
Dark Logo
On lighter backgrounds and images, please us the dark logo or mark.
Downloads
Grab a zip file of all logos in svg and png formats.
Download Logos