Skip to main content

Colors and logo of the configurator

Loading...

Written documentation​

(1) Colors of the configurator​

First of all, we would like to start by adapting the color scheme of the configurator to your company colors.

  1. To do this, click on 1. set colors in the Tutorial tab
  2. Expand the "Primary color" section and click the color square next to Standard
  3. Select the primary color of your company design. You can select this using the slider or by entering hex or RGB codes. Light and dark variants are created automatically and can be adjusted by you. You can also specify the contrasting color.
  4. Repeat this step for the accent colors in the Secondary color area.
  5. If you do not like the values set in this way, you can use the blue "Back" arrows to reset the color values to our default values.
  6. To complete these settings, please "Save" them!
tip

If you have a more complex company design, you can also make a variety of other settings in this area. You can even upload your own design definition in the CSS area, or ask your agency to do so.

(2) Logo of the configurator​

Next, we will customize the configurator logo.

  1. To do this, navigate back to the Tutorial tab of the editor.
tip

You can always access the tutorial tab by clicking on Editor in the left menu bar and then switching to the Tutorial tab in the right sidebar.

  1. Click on 2. set logo.
  2. In the sidebar you can now upload your own logo (JPG/PNG), set the size and change the opacity of the logo.
  3. Please do not forget to confirm this action by clicking on "Save" in the bottom right corner.