Custom Branding and White Labelling

Learn about the features for custom branding and white labelling

Last published at: March 2nd, 2026

Many customers use FlowWright's user interfaces in their applications, calling the FlowWright UI via the API to select elements (or entire webpages) within the FlowWright UI. It is important to those customers that FlowWright UI elements be consistent with their company and application standards.  FlowWright allows you to customize the Flowwright UI to match your organization's UI scheme.  FlowWright now lets you change the following:

  • Branding
  • Logos
  • Colors
  • Fonts

Navigate to the Administration > UI Theme page to create and manage UI Themes. 

The application ships with a default theme. You can change the branding, logos, colors, and fonts, then save it as a custom theme for use. 

 

Create UI Theme:

Select the “Actions” menu to access the “Create, Design, Rename, Copy, Remove, and Apply Theme” options. 

 

Select the “Export” menu to access the “Theme” option. 

 

Select the “Import” menu to access the “Theme” option. 

 

Select the “Utils” menu to access the “Preview and Restore Default Theme” option. 

 

Select “Actions > Create”. A configuration pop-up appears. Enter a new theme name. Select the checkbox to open Designer. Click the “Create” button. 

 

Configure Branding. 

The UI Theme designer starts with the branding page. Provide the application name and the page title. Click the “Save” button.  

 

The branding changes are confirmed, and a confirmation message is displayed in the top-right corner. 

 

Configure Branding. 

Select the “Actions > Logos”. 

 

The “Logos” page is displayed as shown in the image below. 

 

You can customize the “Application Logo, Login Logo, and Login Background Image” using this UI. Choose the image file from the local folder and click the “Upload” button.  

 

The image file is uploaded, and a confirmation message is displayed in the top-right corner. 

 

Click the “Preview” button for a quick image view.  

 

Configure Colors. 

Select the “Actions > Colors”. 

 

The “Colors” page is displayed as shown in the image below.

 

The UI layout is divided into multiple areas, each with granular color options. The design is as follows. You can customize the “text color, background color, selected item background color, selected item text color" for each of these layouts. 

 

Use the color picker or copy and paste the HEX color codes for these UI elements. Then click the Save button. A confirmation message appears in the top-right corner. 

 

Click the Preview Theme button to view the “Application Page and Login Page” with the new theme colors. A sample image is included below for reference. 

 

Configure Fonts. 

Select the “Actions > Colors”. 

 

The “Fonts” page is displayed as shown in the image below. You can choose and upload the TTF and OTF font type files here. Click the Save button. 

 

Actions > Apply Theme

To use the customs theme, select a UI Theme, then click Actions > Apply Theme. 

 

adf