Brand Guidelines

Resources for presenting the Octopus brand consistently and professionally.

Naming

How to write Octopus

The brand name is "Octopus", one word, always capitalized. When additional context is needed, use "Octopus Code Review" as the descriptive form.

Brand name

"Octopus" is the primary brand name. Use it standalone whenever the context is clear.

Do:Octopus
Don't:octopus, OCTOPUS, Octo-pus

Descriptive form

When you need to clarify what the product does, in SEO, directory listings, or first mentions, use "Octopus Code Review".

Do:Octopus Code Review
Don't:Octopus CR, OctopusCR, OCR

In sentences

"Octopus" refers to both the product and the company. Don't prefix it with "the" in product context.

Do:Octopus reviews your PRs
Don't:The Octopus reviews your PRs
Logo

Logo assets

The approved green mascot is available as PNG artwork. Keep its proportions and leave clear space around it.

PNG
Octopus green mascot

Transparent mascot

For app navigation and flexible layouts

PNG
Octopus green mascot on white

Light artwork

For light backgrounds

PNG
Octopus green mascot on Ink

Dark artwork

For dark backgrounds

Browse the complete brand kit or download the ZIP for social layouts, banners, editable layouts, and licensed font files. The mascot is raster artwork; there is no vector master.

Do
  • Use the logo with ample clear space around it
  • Use official files from this page
  • Keep the logo proportional when resizing
Don't
  • Alter, distort, or rotate the logo
  • Recolor the approved artwork
  • Add effects like shadows or outlines
  • Place the logo on busy or low-contrast backgrounds
Colors

Color palette

Use bright green on Ink and deep green on White. These button and text pairs meet WCAG AA contrast for normal text.

Octopus Green

#15BA81

rgb(21, 186, 129)

Accent and buttons on dark backgrounds. Pair with Ink text.

Deep Green

#087F5B

rgb(8, 127, 91)

Accent and buttons on light backgrounds. Pair with White text.

Ink

#0C0A09

rgb(12, 10, 9)

Dark background and text on bright green buttons.

Warm White

#FAFAF9

rgb(250, 250, 249)

Primary text on dark backgrounds.

White

#FFFFFF

rgb(255, 255, 255)

Light background and text on deep green buttons.

Typography

Typeface

Use Geist Sans for interface text and headings, and Geist Mono for code and technical labels. Both are open source under the SIL Open Font License.

Aa

Geist Sans

Geist Mono · octp review

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 !@#$%^&*()

RegularMediumSemiboldBold

Please don't use our brand assets in ways that are confusing, misleading, or harmful.
For questions, reach out at [email protected]