Customisation

Introduction

An important feature of the IntelliProve plug-in is the possibility to customise the UI theming and branding. We allow you to select your font, add your logo and adjust foreground and background colours to seamlessly integrate the plug-in into your website or mobile app.

Colour theming

Although you can use our default theming of the web app, we also allow you to customise the colours in the web app. This can be done through 9 settable colours.

Default theme

Default Colour Sheet
Default Colour Sheet


Preview

Information and consent (optional)
Information and consent (optional)

Document image

Onboarding
Onboarding

Results (optional)
Results (optional)


Custom theme

Customer-specific theming can be achieved by providing us the colour's HEX codes for each of the colour sheet. Send us an email with your selected colour codes.

Brand colours

  1. Primary Brand Colour
  2. Secondary Brand Colour
  3. Tertiary Brand Colour

Support colour variations

  1. Support 500
  2. Support 300
  3. Support 100

Functional colours

  1. Functional primary 500
  2. Functional primary 100
  3. Functional secondary 500
  4. Functional secondary 100
  5. Functional tertiary 500
  6. Functional tertiary 100
Colour Sheet Template
Colour Sheet Template


Fonts

In addition to personalised colour theming, we also provide the option to customise the text font used in the web app.

Provide us with your preferred font family from the Google Fonts repository, containing more than 1500 different font families. You can find the full list here.

Example: "Montserrat"

Branding

Add your logo to the welcome page for a completely white-labelled look. This logo is centred at the top of the web app on the following pages:

  • Welcome page
  • Onboarding page
Welcome page preview
Welcome page preview


Provide us with the URL to the hosted logo, or a PNG file. You can send us this information via email. We recommend a landscape-shaped image (w > h) with a maximum size of 100KB.

Example

https://www.intelliprove.com/wp-content/uploads/2021/08/IntelliProve_Horizontaal_kleur_narrow.png

Preview

Document image


Welcome page

The welcome page forms the entry point of the web app. With three simple steps, it explains how the measurement will be performed. The two checkboxes, 1 and 2, cover the necessary legal obligations.



Document image


Configure the 'read more' button

The read more button links to IntelliProve's technology page by default, but you can provide us with a custom URL to link to instead.

Configure the checkboxes

The default information and consent screen shows two checkboxes that are obligated to confirm with the latest GDPR. If this conformity is already covered by the terms in your platform, these checkboxes may be redundant.Therefore, we provide the option to remove (one of) these checkboxes from the screen.

Request these changes via our technical support.

Disable the welcome screen

The IntelliProve plug-in also provides the option to disable the information and consent screen. In this case, the web app starts with the recording screen. This allows you to design a custom information screen, completely integrated within your own website. Do keep in mind the mandatory information which needs to be included on the information screen, described in our product docs.

Request these changes via our technical support.