# Branding Set a company name, logo, and primary/secondary colors. Customization appears on public shared-report links. 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](https://www.otterab.com/docs/analyzing-results/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 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 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. **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. **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. **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. **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 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 account per brand. ## Frequently asked questions ### Where does my branding actually show up? On public shared-report links — the URLs you generate via the Shares panel to send to people who don't have Otter accounts. Recipients see your company name, your logo, and your color scheme around the results page instead of the default Otter styling. The dashboard you and your teammates see is not currently re-themed. ### What can I customize today? Four things: company name (the label shown alongside the report), logo (an image file — PNG, JPEG, SVG, or WebP, under 2MB), primary color (used for accents and the score progress bar), and secondary color (used for backgrounds and softer accents). Both colors take any standard hex value. ### What logo file format works best? SVG if you have it — it scales perfectly at any size. PNG and WebP are also great; use them with a transparent background so the logo sits cleanly on the report header. JPEG works but doesn't support transparency, so keep that in mind. Maximum file size is 2 MB. ### What happens if I leave a field blank? Otter falls back to sensible defaults: the company name falls back to your account's name, the colors fall back to the default green palette, and the logo simply doesn't render if one isn't uploaded. You don't have to set everything — pick the pieces that matter and leave the rest. ### Will branding affect the dashboard my teammates see? Not currently. The Otter dashboard keeps its own visual identity for everyone signed in. Branding only customizes the public-facing shared report links, where recipients are usually external (board members, agency partners, advisors). A future update may extend the theme to the dashboard itself. ### Can I have different branding per project? No — branding is account-wide. All shared reports across all your projects use the same company name, logo, and colors. If you genuinely need separate branding for separate brands, create a separate Otter account per brand. ### Who can edit branding? Owners and admins. Members and viewers can see the branding settings but can't change them. ### How do I remove a logo I uploaded? On the Branding tab, click the remove option next to the existing logo and save. The logo is deleted from storage; shared reports immediately fall back to no-logo styling. ### Can I add custom CSS to shared reports? Not today. Branding is restricted to the four fields above. Arbitrary CSS injection would be a security risk on a multi-tenant report surface — and most teams find the company-name + logo + two-color theme is enough to make reports feel native to their org. ### What's a good way to pick colors that work? Use your existing brand palette. Primary should be the color you'd use on a high-emphasis button or callout. Secondary should be a softer, supportive color — often the page background or a muted variant of the primary. Avoid two colors of equal saturation; the contrast between them is what makes the report readable. --- Canonical page: https://www.otterab.com/docs/getting-started/branding