Brand

Rocket brand assets

Our logo, mark and colors. Use the files as they are. Don't redraw, recolor or stretch them.

Brand guidelines (PDF)

Logo

Use the logo first

The mark and wordmark together. Color on light backgrounds, inverse on dark ones.

Color, for light backgrounds SVG PNG PDF
Inverse, for dark backgrounds SVG PNG PDF

Mark

The mark on its own

For avatars, app icons and anywhere the logo won't fit.

Rocket mark, color
Color SVG PNG PDF
Rocket mark, inverse
Inverse SVG PNG PDF

Wordmark

The name, drawn

Use the file. Never retype "Rocket" in a font to stand in for it.

Rocket wordmark, color
Color SVG PNG PDF
Rocket wordmark, inverse
Inverse SVG PNG PDF

Color

Three colors

Ink for the logo on light, Chalk for the logo on dark, Paper behind it. CSS JSON ASE

Rocket Ink

#202014

RGB 32 32 20

Rocket Chalk

#ECEBE5

RGB 236 235 229

Paper

#FFFFFE

RGB 255 255 254

Usage

Give it room. Leave it alone.

Keep a quarter of the tile height clear around the mark, and half the wordmark's cap height clear around the logo. Nothing goes in that space: no text, edges or other logos.

Do

  • Use the color files on light backgrounds and the inverse files on dark ones.
  • Keep the logo at least 100px wide on screen, 25mm in print.
  • Keep the mark at least 24px on screen, 7mm in print.
  • Over a busy photo, put the logo on a solid Paper or Ink plate.
  • Use SVG for web and apps, PNG for docs and slides, PDF for print.

Don't

  • Stretch, squash or rotate it.
  • Recolor the tile or the faces of the mark.
  • Put the color logo on black, or invert it with CSS. Use the inverse file.
  • Add shadows, glows, outlines or gradients.
  • Rearrange or stack the logo.

The full rules are in the brand guidelines. Need another format? Email hello@getrocket.com.