Getting Started3 min read

Branding

Set a company name, logo, and primary/secondary colors. Customization appears on public shared-report links.

Branding

Customize the public-facing shared-report links you send to external stakeholders. Set a company name, upload a logo, and pick two brand colors.

Branding settings change how shared reports look when you send a public link to someone outside your team. Recipients see your company name, your logo, and your color scheme around the results page instead of the default Otter A/B styling. Inside the dashboard — where you and your teammates work — the visual identity stays the same for everyone.

All four fields below are optional. Leave one blank and Otter A/B uses a sensible default; fill in just the pieces that matter to your team. Owner and admin roles can change these settings.

What you can customize

Company name

A short text label shown alongside the report. Recipients see this name on the page header.

Falls back to your account name if blank.

Logo

PNG, JPEG, SVG, or WebP. Maximum 2 MB. SVG and PNG with transparent backgrounds work best — they look clean against the report header.

Renders nothing if no file is attached.

Primary color

Used for high-emphasis surfaces: the score progress bar, key callouts, and active states. Enter any standard hex value (e.g. #1A5DAA).

Falls back to the default green (#2D4A35) if blank.

Secondary color

Used for backgrounds and softer accents. Pick a color that has contrast with your primary — usually a lighter or more muted shade.

Falls back to the soft default (#D4E5D4) if blank.

Update your branding

  1. 1

    Open Account → Branding

    In Account Settings, switch to the Branding tab. The current settings are shown alongside a live preview of how a shared report will look.
  2. 2

    Upload a logo (optional)

    Drop in a PNG, JPEG, SVG, or WebP file under 2 MB. Transparent-background SVG or PNG looks best. To remove an uploaded logo later, use the remove option next to the existing file.
  3. 3

    Enter your company name and colors

    Fill in the company name field with whatever you want recipients to see (often your trade name rather than your legal entity name). Pick primary and secondary colors using hex values — most teams use their existing brand palette.
  4. 4

    Save and verify

    Click Save and open an existing shared-report link to confirm the changes rendered correctly. Changes apply immediately to every existing share link across every project.

Branding tips

Use SVG when you have it. SVG logos render crisply at every size and tend to be smaller than rasterized equivalents. PNG with transparency is a great fallback.

Pick colors with contrast. Primary and secondary should look visibly different — usually one bold and one muted. Two saturated colors fight each other and make the report harder to read.

Don't over-customize for internal audiences. Branding shows up on shared report links, which usually go to external people. For your own team, the standard Otter A/B styling is fine and reduces the cognitive overhead of switching between products.

Branding is account-wide. Every project in the account uses the same company name, logo, and colors on its shared reports. If you need per-brand customization, create a separate Otter A/B account per brand.

Frequently asked questions

Quick answers to the questions teams ask most about this part of Otter A/B.