Skip to content

AdminSite Settings → Appearance

Control the visual identity of your tenant — logo, favicon, brand colours, and the login page hero image.

Open Settings → Site Settings → Appearance.

Appearance Settings page with Site Logo and Favicon upload areas.Appearance Settings. Top: brand assets (logo, favicon). Below: navigation layout, colours, and the login page background.

Brand assets

  • Site Logo — uploaded as an image or SVG (max 2 MB). Appears in the top-left of every authenticated page. SVG is recommended so it scales sharply on retina displays.
  • Favicon — the browser-tab icon (max 1 MB). JPG and WebP uploads are auto-converted to PNG.

Layout & colour

Appearance settings continued — Top Navigation toggle, Primary Color, Secondary Color, Background Color, and Login Page section with the login background image.Below the brand assets: layout, colour palette, and the login page background.

  • Top Navigation — when on, the main menu sits across the top bar instead of in a left sidebar. When off (default), users get the left-rail layout shown throughout this guide.
  • Primary Color — the dominant accent. Used for buttons, links, and active nav states.
  • Secondary Color — supporting accent colour used by some components.
  • Background Color — page background in light mode only. Dark mode uses a system-managed dark surface.

Use hex values (e.g. #1777ac). The colour picker on the right of each field opens a swatch picker.

Login Page

  • Login Background Image — the full-bleed image behind the login form (max 5 MB). A wide landscape image works best — text from the form sits in the centre.

Click Save changes to publish. The new look is visible on the next page load — including to anyone who reaches the login screen.

Brand colour conflicts

If the primary colour clashes with status badges (success greens, error reds), test a few different shades. Aim for a primary that has enough contrast with white text for buttons.