Brand colors, logo, and typography
Customize every visual token of your client-facing portal using the interactive visual customizer in Settings → White-Label.
Visual customization options
text
Settings → White-Label → Visual Customizer (Live Real-Time Preview)1. Logo and favicon assets
- Light mode logo: High-resolution transparent PNG or SVG displayed on light backgrounds.
- Dark mode logo: Inverted or high-contrast variant displayed in Obsidian Dark mode.
- Favicon: Custom
.icoor.pngbrowser tab icon. - Aspect ratio and height: Automated height normalization across sidebar and report headers.
2. Color palette and AI color extractor
- Primary color (
--primary): Main interactive buttons, active navigation pills, and key metrics. - Secondary and accent colors: Multi-series chart lines, bar charts, and radar graphs.
- AI color extractor: Click Extract from Logo to automatically compute harmonized, WCAG AA contrast-compliant color palettes for both Light and Dark themes.
3. Typography and button styles
- Heading fonts: Choose modern typography (Montserrat, Inter, Plus Jakarta Sans, Poppins, Outfit).
- Body and code fonts: Clean sans-serif and mono fonts.
- Button geometry: Configure corner curvature (Pill / Rounded 9999px, Standard / Rounded 12px, or Sharp / Rounded 4px).
Live interactive preview
The right-hand side of the White-Label settings page features an interactive sandbox showing:
- Real-time button hover states
- Light and Dark mode toggles
- Sample Bento KPI cards and chart lines using your selected palette
Click Save Branding Changes to deploy updates instantly across all client portals and report generators.