Last modified: 2022-10-04

Customizing the Signer Experience

Admins can re-brand the Signer Experience several ways. In particular, Admins can change the following elements:

  • Logo
  • Color Associations
    • Branding: The overall look-and-feel of the Signer Experience.
    • Alerts: The appearance of various informational messages.
    • Signature: The appearance of the Signature Box Types used in transactions.

By default, the look and feel of the Signer Experience adheres to the brand of OneSpan Sign:

Rebranding OSS original logo and color scheme

Updating the logo and color scheme inserts your organization's branding assets throughout the Signer Experience. For example:

Rebranding OSS with new color scheme and logo

Logo Customization

The account logos in the Signer Experience can be configured independently for all supported languages. For any languages in your account that do not have a designated logo on this screen, the system will default to the English version of the logo for that language.

Logo specifications

Logo Property Specification
File Size 1 MB Maximum
File Format

.jpg

.png

.gif

.bmp

.svg

Optimal dimensions

258px by 40px

If your logo is larger than these dimensions, the image will be scaled down to fit the allotted space. If your logo is smaller than these dimensions, it will be stretched to fill the allotted space.

Background Transparent background is preferred, but not required

To change the logo that will be used during the Signer Experience:

  1. Go to Admin > Signing.
  2. Drag-and-drop your logo to the upload section on the page, or Browse to where your logo resides, and select it.
  3. Continue to add logos for each language in your account (optional).
  4. Select the appropriate language for each uploaded logo.
  5. Click Update Logos.
  6. Click Preview to review your changes, using the language switcher to verify logo changes for every language.

Rebranding OSS with custom logo

Use the Preview button to view changes you make on this page. Use the desktop, tablet and mobile icons at the top of the preview window to see how your changes will look in each format.

Color Associations

The following colors can be updated with your custom color scheme:

  • Primary
  • Alerts (Success, Warning, Error, Info)
  • Signature button

Color values can formatted in Hex or RGBA.

The default colors are accessibility compliant. If you update these colors, you need to make sure that ADA compliance is maintained.

Color association Affected elements Example
Primary

All buttons and top level menu items are displayed in the primary color. The hover color for these items are a lighter shade of the primary color (calculated by the system).

Capture
Success

This color is used for success alerts and the accepted signature box border.

Warning

This color is used for warning alerts.

 
Error This color is used for error alerts and field validation tool tips. Capture
Information

This color is used for information alerts.

 
Signature

Defines the color of the signature boxes before they are accepted.

Capture

To add custom colors to the Signer Experience:

  1. Go to Admin > Signing.
  2. Scroll to locate the Colors section.
  3. Click the colored square of the element you want to modify (Primary, Success, etc).
  4. Enter the Hex value or RGBA values of your custom color. Optionally, you can click in the color panel to select your color choice.
  5. Repeat the above steps for all of the color changes you need to make.
  6. Click Update Colors.
  7. Click Preview to review your changes.

Other Customization Options

There are other ways to customize your OneSpan Sign account with your organization's branding:

  • By using the Branding Migration Form to add your organization's logo to other areas of your account.

  • By contacting our Support Team for assistance with additional branding options.
Was this information helpful?
X