background

Managing your branding

Tags:brandinglogohuisstijlkleurencolorscssstylesheetdomaindomeintransparentsigningstylegradient

Effective branding builds trust, loyalty, and recognition among your customers. When your signing flows, payment pages, and documents reflect your company's visual identity — logo, colors, and style — customers are more likely to recognize and complete the process with confidence. A consistent brand experience also reduces drop-off during signing or payment flows caused by uncertainty about the source.

Via Branding in your settings, you can customize your company logo and colors for online processes and documents such as agreements. If you have multiple brands (domains), you can configure the logo and layout for each one separately.

  1. Navigate to Settings in the left-hand navigation menu.
  2. Click Branding.

Domain name

Your domain name (e.g. mycompany) determines the URL used to navigate to your published profiles (e.g. mycompany.twikey.com). If you have multiple domains configured, use the dropdown to select which one to configure. You can set the default domain via the ⋮ menu.

To set up multiple brands, please contact Twikey support.

There are two logo slots available:

  • Transparent background logo — used in online signing flows, public pages, and email correspondence. We recommend uploading a logo with a transparent background.
  • White background logo — used on documents such as agreements and PDF files where a white background is required.

To upload a logo, click Choose a file or drag and drop the file into the upload area.

Recommended format:

  • .png
  • 180×75 px.

Company colors — simple style

The simple style tab lets you quickly adjust the colors used across signing pages, invoice pages, and mandate documents.

Available fields:

  • Brand color — the primary color used for buttons and accents (e.g. #1C407D).
  • Background — the background color of the page (e.g. #eeeeee).
  • Gradient — toggle on to apply a gradient effect to the background.

Click Save to apply your changes.

A live preview is shown on the right.
Use the tabs to switch between Document signing, Invoice page, Document signing (NL), and Mandate document.
Click the preview to open the full page in a new tab.

Company colors — Advanced style

The Advanced style tab lets you upload a fully custom CSS stylesheet for complete control over the appearance.

  1. Click Choose a file or drag and drop your .css file into the upload area.
  2. To use the current stylesheet as a starting point, click Download current stylesheet (CSS).
Last Update: 2026-03-09