All pages
Powered by GitBook
1 of 1

Loading...

Brand your enterprise account

SigningHub enables you to customise the colour scheme of your SigningHub enterprise account according to your company's brand. There are 13 levels of customisation that could help an enterprise admin to tune each and every bit (i.e. company logo, Headings, top bar background, buttons background, toaster background, Email headers, etc.) of their SigningHub account in order to make it look exactly the same as their own enterprise brand. Once you have completed branding your enterprise account, share your Enterprise URL with your enterprise users so that they can view the branded enterprise interface directly from the login screen. You can even customise the error message content (i.e. images and text), see details.


Brand your enterprise account

  1. Login with your enterprise admin credentials.

  2. Click "Configuration" in the navigation panel and click on "Branding" in Settings options in Enterprise Configurations.

  3. Expand the "Logos" tab. Browse the images for your Company Logo, Signature Logo and Favicon as required. From here:

    • Website Logo – Shown on the login page and top navigation bar; defaults to the system logo if not set.

    • Signature Logo – Appears on the signature appearance if enabled under roles; defaults to the system logo.

    • Email Logo – Displayed in all enterprise and personal email notifications; defaults to the system logo.

  4. Expand the "Colour Palette" tab, and customise the colour schemes of the required areas. You can also use hex colouring codes to specify your choice of colour.

  5. Expand the "Login Page Display" tab, and customise the desktop background image, mobile background image, and slider images and content for your login page.

  6. Click the "Save changes" button to apply these changes. In case you want to revert the changes to their default, click the "Reset to default" button.


Logos

The Logos section of the Branding page allows administrators to configure and customize different logos that will be displayed across the SigningHub platform and related communications. From this screen, you can upload and manage the Website Logo, Signature Logo, Email Logo, and Favicon. Each of these logos plays a distinct role in creating a consistent brand identity for your organization within SigningHub.

The Website Logo appears prominently on the login page and in the top bar of the application, ensuring your brand is visible to users throughout their interaction. The Signature Logo is displayed in the signature appearance for users who are permitted to manage logos under their role settings, reinforcing authenticity in signed documents. The Email Logo is included in both enterprise and personal email notifications, carrying your brand into user communications. Lastly, the Favicon appears on browser tabs, helping users easily identify and return to the SigningHub application. If no custom logo or favicon is uploaded, the system defaults will be used automatically.


Colour Palette

The Colour Palette 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.


Login Page Display

The Login Page Display section allows administrators to customise the look and feel of the SigningHub login page. You can upload branded background images for both desktop and mobile views, and create dynamic slider items to enhance user engagement. These elements provide a professional, branded experience for users before they sign in.

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.

Background Images
Slider Images and Content
  • Favicon – Shown in browser tabs and bookmarks; defaults to the system favicon.

  • Field

    Description

    Desktop Background Image

    Upload an image to be displayed on desktop login screens. Supported formats: jpg, jpeg, gif, png. Recommended size: 4896 × 3264 px.

    Mobile Background Image

    Upload an image to be displayed on mobile login screens. Supported formats: jpg, jpeg, gif, png. Recommended size: 485 × 778 px.

    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 maximum of five sliders can be added. The slider animation will appear in the defined order on the login page. To define the order, click on the 'Reorder' button and select the order sequence for the slider. The minimum required resolution for the slider image is 1920 x 1282.

    Edit a Slider

    To edit a slider, click the 'Edit' button appearing under each slider. The user can update the image, text, or the order of the slider. The sliders can be reordered using the 'Reorder' button. When editing a slider, a toggle appears to allow the user to mark each configured slider as Active or Inactive. Only sliders marked as 'Active' will appear on the login image, while 'Inactive' sliders will be saved for later use or future activation.

    Delete a Slider

    To delete a slider, click on the 'Edit' button and then on the 'Delete' button. This will permanently delete the slider.