brandcenter.gallery
Create your brand center with Freedam
Create your brand center with Freedam ↗

Heroku brand guidelines

Heroku documents its core brand guidelines directly within the Heroku Dev Center, covering logo usage, color palettes, accessibility, and typography.

Visit Heroku's brand center ↗ Build one like this ↗
Heroku guidelines: Heroku Brand Guidelines
Heroku Brand Guidelines Captured 15 Sep 2026

English documentation article outlining Heroku brand usage, logo clear space, colors, and type stack.

Heroku guidelines: 日本語に切り替える
日本語に切り替える Captured 15 Sep 2026

Japanese version of the Heroku brand guidelines page within the Dev Center documentation.

Want a brand center like Heroku’s?

Create your brand center with Freedam ↗

Freedam's take

I like how Heroku integrates its brand guidelines directly into its developer documentation center. Instead of creating a detached marketing showcase, they treat brand standards just like technical documentation. The single page walks through usage, logo lockups, digital and print color swatches, and clear accessibility guidance. They even detail their type stack with Avant Garde for Salesforce and Salesforce Sans, complete with heading hierarchies. Placing these rules alongside developer tutorials makes basic brand compliance completely natural for partners and internal teams.

At a glance

Sections
Usage · Logos · Color · Type · Contact
Downloads
ZIP
Tone
Direct, structured developer documentation focusing on clear usage rules and specifications.

What I noticed

  1. The guide is integrated as an article inside the Heroku Dev Center documentation structure.12
  2. Clear space around the logo is measured using the mark height as the base unit.3
  3. Color accessibility guidance recommends a 50-point numerical difference between colors to achieve AA+ accessibility.4
  4. Typography specifies Avant Garde for Salesforce Demi for headlines and Salesforce Sans Regular for body text.5

Numbers refer to the screenshots above.

What I could not see

  • No template assets or standalone font files are provided for direct download.

Ideas to borrow

  1. Teams can publish brand guidelines as part of standard developer documentation so engineering teams discover them alongside technical guides.

Quick answers

Where can I download the Heroku logo kit?

A zipped logo kit archive is available directly from the article's logo kit download link.6

What fonts are specified in the Heroku type stack?

Heroku specifies Avant Garde for Salesforce (Demi) for headlines and Salesforce Sans (Regular) for body copy.5

Reviewed on 25 September 2026. Request a correction · I built this

Similar brand centers

All brand guidelines →