Introducing the Ochre AI support workspace. Start a 14-day trial

Branding: logo, color, signature

Upload your logo, set an accent color, and write a signature template with name and org substitutions. Three fields that make every customer touchpoint look like you.

By ChristopherUpdated 3 min read

Branding

Branding in Ochre covers three things customers see: your logo, your accent color, and your email signature template. Set these in Settings → Branding. Changes apply on the next outbound message and the next help center page render.

Upload a square logo, ideally 512x512 or larger PNG with a transparent background. We use it in:

  • The help center header
  • Outbound email headers
  • The chat widget launcher
  • CSAT survey emails
  • Default OG images on help center articles

Avoid logos with text that is too small to read at 32 pixels. The chat widget renders the launcher at 48px, but the email header gets aggressive proportional shrinking on mobile clients.

If your brand has a separate "icon" mark and "wordmark," upload the icon. The wordmark is what your help center title text is for.

Accent color

A single hex color that drives:

  • Help center buttons and links
  • Email CTA buttons (CSAT, "view conversation," etc.)
  • Chat widget header background
  • Article voting buttons

Pick a color that reads well as a button background with white text on top. If your brand color is yellow or pale green, choose a darker variant for the accent. Light colors fail accessibility checks against white text and our help center will warn you.

We do not currently support gradient or multi-stop branding. One color, one workspace.

Signature template

A short HTML block appended to outbound email replies. Two substitutions are supported:

  • {name} — the agent's display name
  • {org} — the workspace name

Both values are HTML-escaped on render, so a customer named <b>Bob</b> will not break your email layout. You can use any HTML you want around them: line breaks, links, small text, an image tag.

A reasonable starting template:

<p>{name}</p>
<p style="color:#888;font-size:12px">
  {org} Support · <a href="https://example.com">example.com</a>
</p>

The signature only attaches to email channel replies. Chat, Slack Connect, and internal notes do not get a signature. AI-drafted replies use the assigned agent's name in {name}, so signatures stay consistent regardless of who (or what) is replying.

Where branding does not apply

A few surfaces stay un-branded on purpose:

  • System notifications (dispatch failures, SLA breaches, etc.) — sent from Ochre with our own chrome so they are obviously system mail.
  • Internal notes and mentions — never customer-visible.
  • Stripe billing receipts — controlled by Stripe, not us. See stripe-portal.

Help center theme

Logo and color flow into the help center automatically. For deeper theme customization (custom CSS, hero sections, footer links), see help-center-theme.

Tips

  • Keep the signature short. Long signatures get clipped in Gmail's "trim view" and customers click "show trimmed content" less than 5% of the time.
  • Test both light and dark email clients. The same hex can look great in Gmail Light and unreadable in Apple Mail Dark.
  • If you change the accent color, glance at the help center voting buttons. Subtle hue shifts can make "Yes / No" buttons read as the same color.

What to do next

Was this article helpful?

Branding in Ochre: logo, color, signature · Ochre