Skip to main content

How to set up Custom Branding

  • Updated

Bring your company’s visual identity into the flow of work. Create a consistent, professional experience that makes Spekit feel like a native extension of your tech stack

Prerequisite: Configuration of global visual settings is restricted to Account Admins. Ensure you are logged into the Spekit Web App before proceeding.

 

📌 Quick-Jump Topics

 

1. Why use Custom Branding?

Custom Branding eliminates the "third-party tool" feel. By aligning Spekit with your company's environment, you enhance user trust, boost platform familiarity, and ensure a professional experience for both internal reps and external buyers.

🌐 Platform Branding

Applies your visual identity globally across the Web App, AI Sidekick sidebar, Chrome Extension, and all embedded Speks.

💼 Deal Room Branding

Allows for individual customization so that every shared buyer workspace reflects the specific professionalism of your brand.

 

2. How to set up Custom Branding

  1. Open the Spekit Web App. 
  2. Click the Gear Icon (Settings). 
  3. Open the Admin Tools tab, and click Custom Branding. 

  4. Click the upload icons button to add your company’s logotypes and logomarks. For optimal clarity and scalability, we recommend using vector format (SVG) to avoid any blurriness. Here’s how your logos will be used in the Spekit Web App and Chrome Extension:

    Full-Color Logotype Appears in the primary navigation of both the Web App and Spekit Chrome Extension. Upload a logo with a maximum width of 130px and a maximum height of 40px.
    Full-Color Logomark Used for embedded Speks on all pages and in the header of the embedded Spek view. For the header, upload a logo with dimensions of 28 x 28px. For embedded Speks on the page, use a logo with dimensions of 17 x 17px.
    White Logotype Displayed in the expanded version of the dock in the Spekit Chrome Extension. Upload a logo with a maximum width of 65px and a dynamic height.
    White Logomark Shown in the minimized version of the dock in the Spekit Chrome Extension. Upload a logo with dimensions of 32 x 32px.
  5. Select the file, and click open. 
  6. In the Colors section, enter your primary color’s HEX code to select it.

Accessibility Standard: To ensure all users can navigate effectively, your primary color should meet the WCAG AA minimum contrast ratio of 4.5:1 when paired with white text.

 

  1. Click Save Changes to apply your new branding.

 

NOTE: Full custom branding can take up to 12 hours to display for Viewers. For Viewers to put this update into effect immediately, they should click on the Spekit logo in the Sidebar and refresh the browser.

 

3. Reverting to Spekit Branding

If you need to reset your environment to the default Spekit visual settings:

  1. Open the Spekit Web App. 
  2. Click the Gear Icon (Settings). 
  3. Open the Admin Tools tab, and click Custom Branding. 
  4. Scroll down and click Reset to Default. 

 

4. Troubleshooting & Common Issues

Custom branding in Spekit helps integrate your company’s identity into the platform. To ensure a smooth setup, we've outlined some helpful troubleshooting steps. 

Double-Check Your Files Make sure your logos and logomarks are in the right format (SVG, PNG, or JPEG). 
Refresh to See Changes After you’ve uploaded your branding assets, give your browser a quick refresh to see if the changes have taken effect. If they don’t show up right away, try clearing your browser’s cache—it can sometimes hold onto old data and cause issues. 
Check Spekit Chrome Extension Version If your changes haven’t taken effect, your Spekit Chrome Extension might be outdated. Ensure your extension is updated to version v2024.35.23 or higher. Refer to this article to learn how to check and update your Spekit Chrome Extension version.
Check Color Updates If you've updated your primary color, take a look around to see if it's showing up in all the right places—like buttons, links, and the dock background. Make sure the new color is easy to read and meets accessibility standards.
Test Across Platforms Open Spekit on both the Chrome Extension and the Web App to make sure your new branding looks great everywhere. Don’t forget to check embedded Speks on different pages to ensure everything is consistent.
Clear Your Browser History If the branding changes still aren’t visible, try clearing your entire browser history, including cached images and files. Sometimes, old data can get in the way of new updates.
Give Your Computer a Restart Sometimes a full reboot of your computer can help refresh everything and make sure your new branding is applied across all platforms.
Ensure You Have the Right Permissions Double-check that you have the necessary admin rights to make these changes. Also, ensure all your updates were saved correctly in the Custom Branding settings.
Test the White Logos Make sure the white versions of your logos look good in the expanded and minimized versions of the dock in the Chrome extension. They should stand out and be easy to see against the dock background.
Re-upload if Needed If things still aren’t working right, try re-uploading your branding files. Sometimes a fresh upload can solve any issues that happened the first time around.
Reach Out for Help If you're still having trouble after trying everything, don’t hesitate to contact Spekit support. They’re there to help, and it’s always better to get a little extra assistance than to stay stuck.

 

Related articles