Platform Branding
Customize Unificus with your brand colors, logo, fonts, and visual elements.
What is Platform Branding?
Platform Branding lets you tailor Unificus to match your organization’s identity through custom colors, logos, typography, and design preferences.
Accessing Branding Settings
Open the Fly-Out Menu by selecting your profile image in the top-right corner. From there, you can access all branding customization options to set colors, fonts, and logos for your account.
Logo and Preset Themes
This section helps you establish your platform’s visual foundation.
Preset Theme: Browse pre-designed themes that align with your brand aesthetic. You can select one as a starting point and refine it further to suit your exact preferences.
Force Dark Mode: Enable this to apply Dark Mode across the entire portal for all users and remove their ability to toggle it off in the Flyout Menu.
Dashboard Logo: This is the primary logo displayed in the left sidebar. You can upload separate versions for Standard and Dark Mode. Recommended dimensions: 200px wide × 60px max height.
Mobile Friendly Logo: This logo appears when the sidebar collapses or on mobile devices. Upload distinct versions for Standard and Dark Mode. Recommended dimensions: 60px wide × 60px max height.
Font Themes
Select from an extensive library of Google Fonts to define your portal’s typography. Personalize headers, paragraphs, buttons, and other elements to enhance both brand consistency and readability.
Use the Font Family dropdown to assign fonts to Primary Headers, Secondary Headers, and General Text. You can also restore any font to its default styling whenever needed.
Primary Elements Styling
Configure the core visual appearance of your platform. Changes display in real-time as you adjust settings.
Platform Colors: Control the appearance of the persistent side navigation bar (Dashboard, CRM, Office, etc.). This setting manages the background color—dark blue by default.
Primary Nav Text Color: Adjust the text color in the main navigation menu (light grey by default).
Primary Nav Icon Color: Customize the color of navigation icons like logout and help buttons (light grey by default).
Loading Line Color: Set the color of the thin line that appears at the top of the page during save operations or page loads.
Highlight Color: Choose the color used to highlight select text throughout the system.
Avatar Color: Personalize your avatar background. If you don’t upload an avatar image, the user’s initials display in this color. The avatar appears in the top-right corner of each page.
Advanced Platform Colors: Toggle ON to reveal additional color customization options.
Background Color Controls: Toggle ON to access background color settings.
Modern Mode: Enable to give buttons a rounded appearance and transform avatars from square to circular shapes.
Platform Background + Liquid Glass Effect
Add a custom background image with a semi-transparent glass overlay for content readability. Elements overlaying the background appear on a frosted glass panel.
Platform Background Image: Upload your primary background image for most portal pages. Optimal dimensions: 2560px wide × 1440px max height. Maximum file size: 2MB.
Platform Background Image / Dark Mode: Upload a separate background image for Dark Mode users. Same dimensions and file size limits apply.
Title Color: Set the color of section titles.
Description Color: Set the color of section descriptions.
Shadow Color: Set the color of the glass effect panel behind titles and descriptions.
Toggle the feature ON, select your background file, and define your Title, Description, and Shadow colors to see the Liquid Glass effect in action.
Account Confirmation Page
Customize the page users see when they receive an invitation and set their password.
Upload a Logo and/or Background Image to brand this page.
Recommended dimensions:
- Logo: 320px wide × 110px max height
- Background Image: 2560px wide × 1440px max height
Note: If no background image is uploaded and no main background color is set, the page defaults to blue.
Text Color: Color of form field labels (First Name, Last Name, etc.).
Button Color: Color of the “Save Password and Login” button.
Button Text Color: Color of button text.
Form Background Color: The box behind the form to improve readability. Adjust both color and opacity.
Main Background Color: The page background color when no image is uploaded.
Click Preview to see your confirmation page with all customizations applied.
Custom Page Loader
Customize the animation or image displayed during page loads.
Changes to color and background color display in real-time on the default loader options.
Loader Color: Select the color of the loader graphic.
Background Color: Choose the background color. Opacity only applies with background animation enabled.
Background Animation: Define how the background disappears after loading completes.
Loader Width: Set the pixel width of the graphic.
Loader Max Width: Set the percentage width for smaller screens to maintain proportions.
Choose from pre-built loader animations or upload your own image using the first icon. Supported formats: JPG, JPEG, PNG, SVG, or GIF.
Uploading a custom image overrides other settings but still allows you to apply animations. Select an Image Animation from the dropdown, or choose Static Image for no effect.
Need help creating a custom loader? Check out this vetted resource.
QR Code Styling
Design custom QR codes with your logo, unique dot styles, and branded colors throughout the platform.
QR Code Preview: View your customizations in real-time.
Main Options
Set your QR code Width and Height in pixels. Add Margin (in pixels) for extra space around edges when exporting as PNG or SVG. Upload a custom image to place in the QR code center for brand alignment.
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 color based on your Color Type selection.
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 color based on your Color Type selection.
Corner Dot Options
Corner Dot Style: Choose from Default, Square, or Dots.
Color Type: Select Solid or Gradient.
Corner Dot Color: Set the color based on your Color Type selection.
Background Options
Color Type: Choose Solid or Gradient for the background.
Background Color: Set the background color based on your Color Type selection.
Image Options
Hide Background Dots: Enable to remove dots directly behind your uploaded image.
Image Size: Adjust the size of the centered image.
Margin: Control spacing around the image, especially useful with Hide Background Dots enabled.
Advanced
Custom CSS: Toggle ON and enter your code to extend branding customization beyond built-in options.
Learn more about Custom CSS Snippets
Custom JS: Toggle ON and enter your code for advanced customization.
Both Custom CSS and Custom JS are inserted just before the closing body tag.
White Label Branding Controls
Manage visibility of White Label branding areas. When all controls are OFF, only the Super Admin can access these sections. Toggle each setting independently to grant Admin Managers specific permissions.
These defaults apply to all Admin Managers, but you can customize individual access via Flyout > Manage Staff.
Hide Super Admin: When enabled, the Super Admin account won’t appear in any dropdown menus.
Apply settings to all existing Admin Managers: Enable to override previous permissions with your new settings before saving.
Template Library
Control access to the Template Library, a resource for downloading Proposal, Document, and Email Marketing Campaign templates.
Filters & other References: Hide “Stock” and “Community” labels.
“Contributed By”: Hide contributor avatars and usernames.
# of times used: Hide the download counter.
“Contribute Template”: Hide the option to contribute templates in Proposal, Document, and Marketing Campaign template menus.
Templates associated with Power-ups & Upgrades: When enabled, only the Super Admin sees Power-ups and Upgrades templates.
Learn about the Template Library
Unificus Academy
Control which staff members can access the Academy by granting access via Role or Individual / Team.
Once you enable Academy access, your staff can find it in their Flyout Menu.