Skip to content

Connect Branding

Connect Branding lets you customize the Thirdlane Connect login screen and application appearance, as well as configure branding for system-generated emails.

Connect App Tab

These settings control the visual appearance of the Connect login page and application.

FieldDescription
Application NameReplaces the browser tab title and login page heading (e.g. “Acme Connect”)
Primary ColorCSS hex color applied as the accent color for buttons and UI elements (e.g. #2563eb)
Secondary ColorCSS hex color used for secondary accents in emails and UI (e.g. #1e40af)
Logo URLURL to the logo image shown on the login screen. Use a URL from the Media Library.
Favicon URLURL to the favicon shown in browser tabs. Recommended size: 32x32 or 64x64 PNG.
Connect AIMaster switch that enables Connect AI features — voice messages, live dictation, on-device speech recognition, and the in-app Settings → Connect AI page — for users in the affected scope. When this switch is off, all related entry points (microphone button in the composer, voice playback transcript actions, the Connect AI settings page, and the related entries in the What’s New wizard) are hidden across web, desktop, and mobile clients. Defaults to on at the global level.

Email Branding Tab

These settings control branding variables injected into system-generated emails (welcome messages, password resets, invitations). Values are available as template variables such as $BRAND_COMPANY, $BRAND_FROM_NAME, $BRAND_SUPPORT_EMAIL, and $BRAND_SUPPORT_URL.

FieldDescription
Company NameCompany name used in email subjects and body text. Falls back to Application Name if empty.
Email From NameDisplay name for the “From” header in outgoing emails (e.g. “Acme Support”)
Support EmailSupport email address shown in outgoing emails
Support URLURL to your help or support page, included in email footers

Global vs. Tenant Branding

  • System Settings > Branding and Media > Connect Branding sets the global defaults applied to all tenants that do not have their own branding.
  • Tenant Settings > Branding > Connect Branding sets tenant-specific branding that overrides global defaults when that tenant’s users sign in.

Tenant-level settings are optional. Any field left empty at the tenant level inherits the global value.

How Branding is Applied

When a user opens the Connect login page, the browser fetches /api/connect/branding (an unauthenticated endpoint). If a tenant query parameter is present, the server returns tenant-specific branding; otherwise it returns the global defaults.

The login page:

  1. Sets document.title to the configured Application Name.
  2. Sets the --tl-brand-primary CSS variable to the configured Primary Color.
  3. Replaces the default wordmark with the configured Application Name text, or shows the custom Logo URL image if set.
  4. Updates the browser favicon with the Favicon URL.

This all happens before the user enters any credentials.

Image Hosting

Upload images to the Media Library and copy the public URL (in the form /public/media/filename.png) into the Logo URL or Favicon URL fields. Images are served by nginx with CORS headers enabled so they can be loaded from any origin.

Connect AI Master Switch

The Connect AI field on the Connect App tab controls whether AI-assisted voice features are available to users at this scope (global or tenant). It follows the same global vs. tenant inheritance as the rest of Connect Branding.

What it controls

  • The microphone (voice message) button in the chat composer
  • Live dictation in the chat composer
  • The on-device speech recognition engine and its one-time model download
  • The in-app Settings → Connect AI page (engines, model, microphone test, dictation test)
  • On-demand transcript actions on incoming voice messages
  • Connect AI entries in the in-app What’s New wizard

Behavior when off

  • All entry points listed above are hidden in the Connect web, desktop, and mobile clients.
  • Existing voice messages remain playable; only the Transcribe action is hidden.
  • The setting takes effect on the next client refresh; users do not need to sign out.

Defaults

  • Global: on by default for all tenants.
  • Tenant: empty (inherits the global value). Set the tenant value explicitly to override.

Use the global setting to disable Connect AI fleet-wide, or override per tenant when a customer wants the features hidden from their users.

Connect Provisioning

For information on how to configure Connect desktop, web, and mobile clients for different server environments, see Connect Provisioning.