Branding
For on-premises SigningHub deployments, administrators can customise the default colour scheme of the SigningHub web interface to align with their company’s branding. From this page, a SigningHub Admin can configure product logos (including favicon), colour palettes, and background images. While these default settings apply globally, they can be overridden at the enterprise level through the Branding options available to enterprise administrators.
Configure SigningHub branding
Click the 'Configurations' option from the navigation panel.
Click the 'Branding' option.
The 'Branding' page is displayed for you to make the necessary changes. The branding screen consists of three tabs: company logo, colours, and background images.
Configure these settings as required and click the 'Save' button.
Company Logo
The Company Logo section allows administrators to customise the visual identity of the SigningHub web platform by configuring the primary logos and icons. From here, you can upload the main website logo that appears across the platform and the favicon that displays on browser tabs and bookmarks. Both options support standard image formats and recommended sizes, with fallback defaults applied if no alternative images are provided. This ensures a consistent and branded appearance throughout the user interface.

Colours
The Colours section enables administrators to define the visual theme of the platform by applying brand-specific colours to various interface elements. You can configure the primary colour, sidebar background, text and icons, error indicators, and document field highlights to create a consistent look and feel across both web and email templates. Built-in accessibility checklists and preview panels are provided for each setting, ensuring that chosen colours meet contrast requirements and enhance readability for all users.

Primary colour
The Primary Colour setting allows you to define a colour scheme that reflects your brand identity across various UI elements, including web and email templates. This primary colour is applied to elements such as buttons, toggles, and action prompts, helping users recognise your brand consistently. Accessibility is a key consideration here; the primary colour should contrast well against the background to ensure readability without the need for additional background elements. We recommend testing the primary colour on both light and dark backgrounds to confirm it meets accessibility standards and enhances user experience.

Sidebar navigation
The Sidebar Navigation settings allow you to customise the background and text colours of the main sidebar, which serves as the primary navigation area within the application. This section includes options to adjust colour schemes for icons and labels within the sidebar, supporting both functional clarity and brand consistency. The contrast of text and icons against the sidebar background is crucial for readability, particularly in low-vision settings. This configuration helps users easily navigate to key areas like the Dashboard, Documents, and Configurations with enhanced visual clarity.

Error colour
The Error Colour settings provide options to set the colour scheme for error notifications, ensuring users quickly recognise issues. This section enables you to choose a distinctive colour, typically red, for error alerts, buttons, and messages, making it easy for users to identify critical errors. Accessibility recommendations suggest selecting a shade that provides strong contrast against the background, so error messages remain prominent. This helps maintain consistency across the application, allowing users to identify and address issues efficiently without confusion.

Document Fields
The Document Fields setting allows you to specify the background and border colour for disabled fields within a document, such as signature, in-person signature, initials, or other input fields. This colour helps visually differentiate inactive or read-only fields, ensuring users can easily distinguish between editable and non-editable content. To maintain readability and visual consistency, the selected colour should offer sufficient contrast with both the field text and surrounding document elements. We recommend using a darker, closer-to-black shade to meet accessibility standards and enhance the user experience.

Background Images
The Background Images section allows you to customise the visual appearance of your platform by configuring desktop and mobile background images, as well as managing slider content for branding. You can upload images in supported formats, define defaults, and add up to five slider items that will rotate in the background for a dynamic and branded user experience.
When an enterprise URL is entered in the browser, the background and slider images defined in that enterprise’s branding settings are applied. If no customisation has been made, the default background and slider images set in SigningHub Admin are used. Similarly, when the default SigningHub URL is entered, the login page will always display the background and slider images configured in SigningHub Admin.


Field
Description
Desktop Background Image
Upload an image to be displayed as the desktop background. Supported formats are jpg, jpeg, gif, png, with a recommended size of 4896 × 3264 px for best quality.
Mobile Background Image
Upload an image to be displayed as the mobile background. Supported formats are jpg, jpeg, gif, png, with a recommended size of 489 × 778 px for mobile optimisation.
Default Desktop Background Image
If no custom desktop background is provided, this default image will automatically be used to ensure consistency on desktop view.
Default Mobile Background Image
If no custom mobile background is provided, this default image will be displayed instead to maintain consistency on mobile devices.
Slider Content
Allows you to add and manage branded slider items that appear dynamically in the background. A maximum of five sliders can be created, and you can reorder or remove them as needed.
Action
Description
Add New Slider
Click the 'Add New Slider' button to create a new slider. You can upload an image and/or add slider text. A preview option is available to see how the slider will appear. A maximum of five sliders can be added. The slider animation will appear in the defined order on the login page.
Edit a Slider
To edit a slider, click the three dots next to it and select 'Edit'. This opens the Edit Slider screen, where you can update the image, text, or any other details. The sliders can be reordered using the drag-and-drop option.
Delete a Slider
To remove a slider, click the three dots next to it and select 'Delete', and the slider will be permanently deleted.
Save / Reset to Default
The Save button applies your uploaded images and slider updates, while Reset to Default restores the original system settings.
Last updated