Docs
Open dashboard
Your brand

Branding and appearance

Give client dashboards your company name, logos, favicon, and a coordinated light and dark theme.

Organization Settings Branding Editor

Set your company identity

  1. Open the branding editor

    Go to Organization > Settings. The organization details show your name, slug, role, and plan. Scroll to Branding Editor.

  2. Upload your logos and favicon

    Upload a Light Mode Logo and, if needed, a Dark Mode Logo. If only one is supplied, it serves both themes. Upload the favicon used in the browser tab.

  3. Set the display name

    Enter Company Name, up to 100 characters. This is the brand display name throughout the platform.

AssetAccepted filesMaximum size
LogoPNG, JPG, SVG, WebP5 MB per file
FaviconPNG, JPG, SVG, WebP, ICO5 MB
/org/settings
Branding Editor: upload separate light and dark logos, add a favicon, and set the company name clients see.
Branding Editor: upload separate light and dark logos, add a favicon, and set the company name clients see.

Choose colors for each theme

Set light and dark mode separately. Start with the main brand colors, then refine individual controls where needed.

ControlsWhat changes
Primary, Secondary, SurfaceMain fills, highlights, and dashboard surfaces.
Text on Primary and Text on SecondaryText and icons on colored fills. Leave optional values blank for automatic contrast colors.
SidebarText, selected background, selected text, and hover background.
IconsThe theme's icon color.
ButtonsText, fill, hover, and border fields supported by each button variant.
Analytics and Chart PaletteSuccess, warning, error, info, primary chart color, and series colors.

Use six-digit hexadecimal values. A missing # is added when saving. Transparency is offered only on supported fields; primary, secondary, surface, and status colors need solid values.

/org/settings
Configure light and dark theme colors independently, including sidebar selection, icons, and buttons.
Configure light and dark theme colors independently, including sidebar selection, icons, and buttons.

Preview and save

  1. Check both previews

    Review the logo, selected navigation, text, buttons, and status colors in light and dark mode.

  2. Save Changes

    Select Save Changes to commit the editor. Uploading a file alone does not save the branding configuration. Open a client workspace to check the result.

  3. Discard an unsaved edit

    Select Reset to restore the saved form values.

/org/settings
The built-in preview compares light and dark appearances before you save. Its sample dashboard illustrates the selected colors.
The built-in preview compares light and dark appearances before you save. Its sample dashboard illustrates the selected colors.

If the logo looks wrong in one theme, check which logo is supplied for that theme. If the page still shows the previous brand, confirm the save succeeded and refresh.

Go to workspace