Platform Branding

What is Platform Branding?

Platform Branding lets you personalize Unificus by adjusting colors, uploading logos, and configuring visual settings to match your company’s identity.

Customize with Your Brand

Access branding options through the Fly-Out Menu by clicking your profile image in the top-right corner. From there, you can adjust background and text colors, apply custom logos, and fine-tune many other appearance settings.

Logo and Preset Themes

Select a pre-designed theme or upload your own logos for both standard and dark modes on desktop and mobile devices.

Preset Theme: We’ve created several ready-made themes for you to choose from. You can further personalize any theme, so don’t worry if the initial selection isn’t perfect—it’s just a starting point.

Force Dark Mode: Enable this to apply dark mode across the entire portal for all users and remove the option to switch modes from the Flyout Menu.

CLICK HERE to learn about Dark Mode

Dashboard Logo: This appears in the left navigation menu. You can upload separate versions for standard and dark modes. For optimal display, use an image approximately 200px wide and 60px tall (max).

Mobile Friendly Logo: Displays when the left menu is collapsed or on mobile devices. Upload versions for both standard and dark themes. Recommended dimensions: 60px wide by 60px tall (max).

Font Themes

Select from an extensive collection of Google Fonts to match your brand’s typography. Customize fonts for headers, paragraphs, buttons, and other elements across the portal.

Use the Font Family dropdown to set typefaces for Primary Headers, Secondary Headers, and General Text. You can also reset any selection back to the system default.

Primary Elements Styling

Configure the core appearance of your platform. Changes display in real-time as you adjust settings.

Platform Colors: Controls the side navigation bar (Dashboard, CRM, Office, etc.) that stays visible across all pages. Set the background color (dark blue by default) of this bar.

Primary Nav Text Color: Adjusts the text color in the main navigation (light grey by default).

Primary Nav Icon Color: Adjusts the icon color in the main navigation, such as logout and help icons (light grey by default).

Loading Line Color: Sets the color of the thin line appearing at the top during page saves or loads.

Highlight Color: Choose the color used for highlighted text throughout the system.

Avatar Color: Customize the avatar background. User initials display in this color when no image is uploaded. The avatar appears in the top-right corner.

Advanced Platform Colors: Toggle this switch to access additional color customization options.

Background Color Controls: Toggle this switch to reveal more background color options.

Modern Mode: Gives buttons a rounded appearance and changes avatars from square to circular.

Platform Background + Liquid Glass Effect

Add a custom background image with a semi-transparent glass effect overlay for content visibility.

Platform Background Image: The primary background for most platform pages. Recommended dimensions: approximately 2560px wide by 1440px tall. Maximum file size: 2MB.

Platform Background Image / Dark Mode: A separate background image displayed when dark mode is enabled. Same dimension and file size requirements as above.

Title Color: Sets the text color for section titles.

Description Color: Sets the text color for section descriptions.

Shadow Color: Sets the color of the glass effect backdrop behind titles and descriptions.

CLICK HERE to learn about Dark Mode

Toggle the setting on, select your background file, then configure Title, Description, and Shadow colors. Here’s an example of the liquid glass effect with a detailed background:

Account Confirmation Page

This page appears when new users click the password-setup link after being invited to Unificus.

Upload a Logo and/or background image to customize this page.

For best results: Logos should be approximately 320px wide by 110px tall (max). Background images should be at least 2560px wide by 1440px tall (max) to fit most screens without distortion.

Tip: If no image is uploaded and you don’t set a main background color, the background defaults to blue.

Text Color: Color of form labels (First Name, Last Name, etc.).

Button Color: Color of the Save Password and Login button.

Button Text Color: Color of the text on the Save Password and Login button.

Form Background Color: A box behind the form to improve readability. Adjust both color and opacity.

Main Background Color: The page background when no image is uploaded.

Preview your customizations by clicking the Preview button before saving.

Custom Page Loader

Customize the loading graphic displayed during page transitions. Use an animated or static image.

Loader Color: Choose the graphic’s color.

Background Color: Set the background color and opacity level (opacity applies only with background animation enabled).

Background Animation: Select how the background fades after the page loads.

Loader Width: Set the graphic’s display width.

Loader Max Width: Set the percentage width for smaller screens to maintain proportions.

Choose from default loader animations or upload your own image by selecting the first icon. Supported formats: JPG, JPEG, PNG, SVG, or GIF.

Uploading a custom image overrides other settings, but you can still apply animations. Select an Image Animation from the dropdown, or choose Static Image for no effect.

Need help creating a custom loader? Visit this resource for professional design services.

QR Code Styling

Design QR codes used throughout Unificus. Add logos, adjust dot styles, change colors, and more.

QR Code Preview: View your customizations in real-time to see how codes will appear across the platform.

Main Options

Set the Width and Height of your QR code (in pixels). Add Margin (in pixels) for extra space around the edges when saving as PNG or SVG.

Drop a custom image in the center to match your branding.

Dots Options

Dots Style: Choose from Rounded, Square, Dots, Extra Rounded, Classy, or Classy Rounded.

Color Type: Select Solid or Gradient.

Dots Color: Set the dot color (options vary based on your Color Type choice).

Corner Square Options

Corner Square Style: Choose from Default, Extra Rounded, Square, or Dots.

Color Type: Select Solid or Gradient.

Corner Square Color: Set the corner square color (options vary based on your Color Type choice).

Corner Dot Options

Corner Dot Style: Choose from Default, Square, or Dots.

Color Type: Select Solid or Gradient.

Corner Dot Color: Set the corner dot color (options vary based on your Color Type choice).

Background Options

Color Type: Select Solid or Gradient for the background.

Background Color: Set the background color (options vary based on your Color Type choice).

Image Options

Hide Background Dots: Toggle to hide dots behind your uploaded image.

Image Size: Adjust the image dimensions in the QR code center.

Margin: Control spacing around the image, especially useful with Hide Background Dots enabled.

Advanced

Use Custom CSS to extend customization by toggling the setting on and entering your code.

CLICK HERE to read more about Custom CSS Snippets

Use Custom JS to extend customization by toggling the setting on and entering your code.

Both Custom CSS and Custom JS are inserted just before the closing body tag.

White Label Branding Controls

Control which branding settings are visible to Admin Managers. If all toggles remain off, only the Super Admin can access white label areas. Toggle each option independently for complete control.

These settings become the default for new Admin Managers, but you can customize individual permissions via Flyout > Manage Staff.

Hide Super Admin: When enabled, the Super Admin name won’t appear in any dropdown menus throughout the platform.

Apply Settings to All Existing Admin Managers: When enabled, new permissions override any previous access settings before saving.

CLICK HERE to learn about Admin Managers

Template Library

Decide whether to enable the Template Library, a resource for downloading proposal, document, and email campaign templates.

Filters & Other References: Hide all “Stock” and “Community” labels.

“Contributed By”: Hide contributor avatars and usernames.

# of Times Used: Hide the download counter for templates.

“Contribute Template”: Hide the option to submit templates in the Options menu for proposals, documents, and campaigns.

Templates Associated with Power-ups & Upgrades: When enabled, only the Super Admin sees power-ups and upgrades templates.

CLICK HERE to learn about the Template Library

Unificus Academy

Choose which staff members access the Academy by toggling access by Role or by Individual / Team.

Once access is granted, staff can reach the Academy through their Flyout Menu.