BRAND

Claude Notifications

The mark, the colours and the rules — with every file ready to download. Everything here is generated from the live brand, so it can never be a redesign behind.

The mark

The mark alone, never locked up with the wordmark. On a dark ground the body colour swaps; the accent cube never changes.

On paper

On ink

On the brand colour

Download

SVG for anything that scales. PNG where transparency matters. JPEG only where a format is forced on you — it cannot be transparent.

TransparentSVG PNG 256 PNG 512 PNG 1024 PNG 2048

On paperSVG PNG 256 PNG 512 PNG 1024 PNG 2048 JPEG 1024

On inkSVG PNG 256 PNG 512 PNG 1024 PNG 2048 JPEG 1024

Colours

Click a value to copy it.

Brand

#C9366F

The mark's body, and the action colour

Accent

#C9A227

The accent cube, and section markers

Ink

#0B1429

The dark ground, and text on paper

Paper

#F0EBE1

The light ground, and text on ink

Using it

Do — give it room

Keep clear space of at least one cube on every side. The lattice reads as a shape, and a crowded mark stops being one.

Do — swap the body on dark

Use the dark-ground file rather than recolouring by hand; some marks have a different body colour there and the accent never moves.

Don't — lock it up with the name

The mark stands alone. A wordmark lockup is not part of this identity.

Don't — recolour or redraw

Do not rotate the lattice, change the cube spacing, or apply a colour that is not on this page.

The SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>Claude Notifications</title><rect x="64" y="29" width="14" height="14" fill="#C9A227"/><rect class="b" x="22" y="43" width="14" height="14" fill="#C9366F"/><rect class="b" x="50" y="43" width="14" height="14" fill="#C9366F"/><rect class="b" x="78" y="43" width="14" height="14" fill="#C9366F"/><rect class="b" x="8" y="57" width="14" height="14" fill="#C9366F"/><rect class="b" x="36" y="57" width="14" height="14" fill="#C9366F"/><rect class="b" x="64" y="57" width="14" height="14" fill="#C9366F"/></svg>