Customizing Survey Themes

Themes let you match your survey's appearance to your organization's branding by setting an accent colour, font family, and font size. These settings apply to the survey participants see when they respond.


Permissions

circle-info

Survey Creator or TalentMap Admin required. Only users with one of these roles can access and edit theme settings.


What the theme controls

The Themes tab has three settings that control how your survey looks to participants:

  • Accent colour. Applies to interactive elements like radio buttons, checkboxes, comment box outlines, and navigation buttons (for example, the Next button).

  • Survey font family. Changes the font used for all survey text, including questions, answer options, and page titles.

  • Survey font size. Scales all survey text up or down from the default size of 100%.

circle-info

Theme changes apply only to the survey you are editing. Each survey has its own theme settings. Changing the theme on one survey does not affect any other surveys.


Setting an accent colour

  1. Navigate to Design Survey in the left navigation.

  2. Click the Themes tab in the top toolbar.

  3. In the Appearance panel on the right, locate Accent colour.

  4. Click the colour dropper icon to open the colour picker.

  1. Select your colour using one of these methods:

    • Click anywhere on the colour field to pick a colour visually.

    • Enter an exact value in the input field. You can switch between HEX, RGB, and other colour modes using the selector below the input.

    • Click a colour from the preset swatches along the bottom of the picker.

  2. Click SAVE to apply your changes.

circle-info

Match your brand colours. If your organization has brand guidelines with specific HEX codes (for example, #1A73E8), enter the code directly for an exact match.


Changing the font family

  1. Navigate to Design Survey in the left navigation.

  2. Click the Themes tab in the top toolbar.

  3. In the Appearance panel, click the Survey font family dropdown.

  4. Select a font from the list.

The available fonts are: Open Sans, Arial (sans-serif), Brush Script MT (cursive), Courier New (monospace), Garamond (serif), Georgia (serif), Tahoma (sans-serif), Times New Roman (serif), Trebuchet MS (sans-serif), and Verdana (sans-serif).

  1. Click SAVE to apply your changes.


Adjusting the font size

  1. Navigate to Design Survey in the left navigation.

  2. Click the Themes tab in the top toolbar.

  3. In the Appearance panel, locate Survey font size.

  4. Click the up arrow to increase the font size or the down arrow to decrease it. The default value is 100%. Each click adjusts the size incrementally.

  5. Click SAVE to apply your changes.

circle-info

Preview your changes. Click the Preview tab to see exactly how participants experience the survey with your theme applied, including on desktop and mobile views.


Reverting theme changes

If you want to reset your theme back to its previous state, click the revert icon (circular arrow) to the right of the SAVE button while on the Themes tab. This reverts your accent color, font family, and font size to the last saved values.

circle-info

This only resets theme settings. The revert button on the Themes tab does not affect any survey content or design changes made on the Designer tab.


FAQ

No. The accent colour only applies to interactive survey elements (radio buttons, checkboxes, comment box outlines) and navigation buttons. Your uploaded logo is not affected.

Can I use a different theme for each survey?

Yes. Theme settings are saved per survey, so you can customize each one independently.

What font is used if I don't change the default?

The default font family is Open Sans at 100% font size.


Troubleshooting

Issue
Solution

Themes tab is not visible

Confirm you have Survey Creator or TalentMap Admin permissions.

Color changes don't appear in the survey

Click SAVE after making changes, then check the Preview tab.

Font looks different than expected

Some fonts render differently depending on the participant's device and operating system. Preview on both desktop and mobile to confirm.

Last updated

Was this helpful?