Brand

Brand assets

The Octonote AI octopus and everything made from it. Use them to link to us, write about us or show that your work lives in Octonote.

Logo

The octopus with our name. Black on light backgrounds, white on dark ones.

Octonote AI
Octonote AI

The octopus

The mark on its own, for avatars, favicons and anywhere the name is already nearby.

Moods

The same octopus with a different face, for the moments in between: loading, errors and empty or offline screens.

Default

The logo: app icon, nav, favicon, emails, published pages.

Black (for light backgrounds)White (for dark backgrounds)

In progress

Uploads, imports, an assistant working. The dots pulse.

Black (for light backgrounds)White (for dark backgrounds)Animated SVG (dots pulse)

Error

A failed save, a missing page, no access. Crossed-out eyes, a wiggly mouth.

Black (for light backgrounds)White (for dark backgrounds)

Offline / empty

Offline, signed out, nothing here yet.

Black (for light backgrounds)White (for dark backgrounds)

Using the logo

A few simple rules keep it looking right.

  • Black octopus on light backgrounds, white on dark. No other colours.
  • Leave space around it: at least half the octopus's width on every side.
  • Don't stretch, rotate, outline or add effects to it.
  • Keep it at 16 px or larger.
  • Use the moods only for their moment; the logo is always the default face.
  • Write the name as “Octonote AI”.