Branding
Backoffice path: backoffice/settings/branding
Available to roles: System Administrator, Administrator
Overview
The Branding page lets you configure the visual identity of your virtual airline tenant. Changes made here affect the entire platform UI for all users -- pilots, staff, and administrators alike. Uploaded assets are stored on the public disk under dedicated branding/ directories.
Image Assets
Logo
The main brand mark for your airline. This image appears in prominent locations across the platform such as login screens and headers.
- Usage: Primary brand identification
- Storage:
branding/directory on the public disk
Upload a new image to replace the current logo. The previous file is overwritten.
Favicon
The small icon displayed in the browser tab and bookmarks bar.
- Usage: Browser tab icon, bookmarks
- Supported formats: PNG, JPG, SVG, ICO
- Storage:
branding/directory on the public disk
Sidebar Banner
An optional banner image that replaces the default logo in the navigation sidebar. Use this to display a wider or more detailed brand graphic in the side navigation.
- Usage: Replaces logo in the sidebar navigation
- Storage:
branding/directory on the public disk
Color Configuration
Primary Color
Set your airline's brand color using a hex color picker. This color is applied across the entire UI -- buttons, links, active states, accents, and other interactive elements.
- Format: 6-digit hex code (e.g.,
#3b82f6) - Preview: A live preview updates in real time as you adjust the color, so you can see how the new color will look before saving.
Tint Strength
The tint strength slider controls how much your primary brand color blends into the platform's neutral gray palette. The platform uses zinc shades (50 through 950) as its base neutral scale, and the tint strength determines how aggressively these grays are shifted toward your brand color via HSL blending.
| Tint Strength | Effect |
|---|---|
| 0% | No tinting. The UI uses pure zinc grays with no brand color influence on neutral surfaces. |
| 50% | Moderate blend. Grays carry a subtle hint of your primary color, giving the interface a cohesive branded feel. |
| 100% | Maximum tinting. Neutral surfaces are strongly shifted toward your brand color. |
All zinc shades from 50 (lightest) to 950 (darkest) are affected by this setting. The blending is performed in HSL color space to produce natural-looking results.
Typography
Choose the font family used everywhere in the app -- sidebar, headings, body text, tables, and forms. The selected font applies tenant-wide for every pilot and staff member after a page reload.
- Default: Instrument Sans (used when no custom font is chosen)
- Source: Fonts are served via Fonts Bunny, a privacy-respecting Google Fonts mirror. No tracking cookies are set.
- Preview: The settings page previews every option in its own typeface so you can compare them at a glance, and shows a larger live sample of the currently selected family.
Available fonts
| Family | Category | Notes |
|---|---|---|
| Instrument Sans | Sans | Default |
| Inter | Sans | Popular modern UI font |
| DM Sans | Sans | Clean, geometric |
| Plus Jakarta Sans | Sans | Friendly, rounded |
| IBM Plex Sans | Sans | Technical, aviation-adjacent |
| Space Grotesk | Sans | Aerospace character |
| Manrope | Sans | Neutral workhorse |
| Outfit | Sans | Bold display style |
| Figtree | Sans | Warm, friendly |
| Roboto | Sans | Universally recognized |
| Nunito | Sans | Soft, rounded |
| Source Sans 3 | Sans | Adobe classic |
| Lora | Serif | Editorial option |
| Merriweather | Serif | Classic readable serif |
| JetBrains Mono | Mono | Monospace / operational feel |
After saving, existing pages will keep the old font until they are reloaded. The new font is injected into the page <head> at render time, so a hard refresh (or simply navigating to another page) will apply it.
Subdomain
Configure a custom subdomain for your tenant's URL path. This determines the URL that pilots and staff use to access your airline's platform.
Changing the subdomain will break any existing ACARS configuration or API integrations that reference the old URL. After changing the subdomain, you must update:
- Any external API integrations or webhooks pointing to the old subdomain
- Bookmarked URLs shared with your pilot community
Coordinate with your pilots before making this change.
Permissions
All branding changes require the update ability on the SystemSetting model. Both the System Administrator and Administrator roles include this ability by default.