The purpose of this guide is to ensure that consistency is maintained across the thoughtbot brand, whether assets are used internally or externally. Please reference this guide whenever you use these assets to ensure that they are used correctly.Download Assets Pack View on GitHub
The thoughtbot logo combines the two most important visual elements of our brand, the thoughtbot logotype and the thoughtbot logomark (Ralph). The examples below illustrate the recognizable graphic features that make the thoughtbot logo unique.
To maintain consistency across the varied applications of the brand, only three configurations of the thoughtbot logo are permitted. The “horizontal” version is the preferred primary configuration. In situations where this configuration does not have adequate scale or impact, alternative configurations are provided.
The thoughtbot logo elements should never be separated. Position, size, and color, along with the spatial and proportional relationships of the thoughtbot logo elements are predetermined and should not be altered.
The Logo (Default Horizontal)
The unique thoughtbot “Ralph” logomark represents our brand.
The logomark and the individual elements of the logomark should not be altered or modified unless the modified version is being used for approved internal use.
The importance of this cannot be stressed strongly enough; modification or re-treatment of the thoughtbot logomark will detract from the integrity of the thoughtbot logo and, more importantly, the value of the thoughtbot brand.
The thoughtbot logotype is a customized version of the “Cabin” typeface.
The sans serif style is favored for its legibility and readability with its ability to render a balance and symmetry that is complementary to the thoughtbot logomark.
In order to protect the integrity of our brand, the logotype must never be altered or replaced by any other type.
If ever the default color version has contrast issues with its background, an alternate version in all white is recommended. (All formats are include in the assets pack.)
- Use the robot logomark outside of the circle.
- Alter the proportions of the logo or logotype when use together, for either the horizontal or vertical orientations.
- Prefer the default horizontal logo for all marketing uses.
- Prefer the default color versions of the logo. Only use the alternate (white) versions when the default versions have contrast problems with the background on which they are being used.
- Use the circular logo, without the company name, on internal branding, or only in close proximity with our name or other identifiable branding.
The thoughtbot brand utilizes two main colors: “thoughtbot red” and dark gray. These colors may be used with varying levels of opacity in order to create “overlay” effects when layering colors and photography, or creating transparency. Please use this reference guide to maintain consistency of the brand.
- Primary Color
rgb(237, 62, 68)
cmyk(0, 99, 91, 0)
- Pantone® P 48-8u*
- Secondary Color
rgb(61, 62, 68)
cmyk(62, 53, 42 ,60)
- Pantone® P 173-16u*
* Uncoated Process (4 color printing on uncoated paper) is recommended for most printing applications.
We primarily use the Calibre font family. It's straightforward, but full of personality. We typically use regular weight for body copy and semibold weight for headings.