Customising colours, logos, and branding in themes l Formcentric

Last updated:

Customise the colours and visual brand assets of your form to match your corporate identity.

Adding a logo

  1. In the top navigation bar, click Themes.
  2. Open the copy of the theme you want to edit.
  3. In the Design editor on the left, expand Logo under Options.
  4. Click Select image and upload your logo file.
  5. The logo is automatically displayed at the top of every page in your form.

Customising colours

Under Colours on the left, click any colour picker or enter your custom hex code directly.

Typical assignments include:

  1. Background colour: Sets the background of the overall form container.
  2. Primary colour: Controls key focal points, such as input borders or primary action buttons (e.g. Submit).
  3. Secondary colour: Often used for offset elements, secondary buttons, or alternative accent areas.
  4. Text colour & Label colour: Defines the colour of body text and field labels above input controls.
  5. Focus colour: Applies to the border or highlight outline when a user clicks into a field.
  6. Success, Error, Info, and Warning colours: Used across most themes for status messages, validation banners, and required-field alerts.

Publishing and applying your theme

To ensure your theme changes are visible to end users, follow these steps:

  1. When you have finished editing, click Approve in the top right-hand corner.
  2. Go to the Share tab of the respective form.
  3. Make sure the customised, published theme is assigned to your link or embed.

Feedback