Brand Assets & Guidelines

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 Signature

The thoughtbot logo signature combines the two most important visual elements of our brand, the thoughtbot logotype and the thoughtbot symbol (Ralph). The examples below illustrate the recognizable graphic features that make the thoughtbot signature unique.

To maintain consistency across the varied applications of the brand, only three configurations of the thoughtbot signature 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 signature elements should never be separated. Position, size, and color, along with the spatial and proportional relationships of the thoughtbot signature elements are predetermined and should not be altered.

The Signature (Default Horizontal)

thoughtbot logo horizontal with symbol and wordmark


thoughtbot logo with symbol only

Stacked Vertical

thoughtbot logo vertical with symbol and wordmark

The Symbol

The unique thoughtbot “Ralph” symbol represents our brand.

The symbol and the individual elements of the symbol 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 symbol will detract from the integrity of the thoughtbot signature and, more importantly, the value of the thoughtbot brand.

Ralph symbol

The Logotype

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 symbol.

In order to protect the integrity of our brand, the logotype must never be altered or replaced by any other type.

thoughtbot wordmark


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.)

examples of thoughtbot logo on light and dark backgrounds

Usage Guidelines


  • Use the robot symbol 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)


Pantone® P 48-8u*

cmyk(0, 99, 91, 0)

Secondary Color

rgb(61, 62, 68)


Pantone® P 173-16u*

cmyk(62, 53, 42 ,60)

* 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 medium weight for headings.

Calibre Regular



Calibre Medium