Apply your company branding to make sure your Aiden apps are a great fit for your website.

Step-by-step

1. Navigate to the app you want to configure.

2. In the sidebar, go to Look & Feel.

   

3. On the left you'll find a preview of your product finder with placeholder texts and images.

   • Use the toggle to switch between layouts. You'll see the settings applied to the start screen, the Q&A and the advice screen.

     

   • Use the toggle to switch between devices, to see what your layout looks like on desktop and mobile.

     

4. In the right panel you'll find the settings for colors, fonts and other styling 👇.

   

Colors

• The main color
  • is used for all primary actions, for example call-to-action buttons or answer controls like checkboxes and radio buttons
• The secondary color
  • is used for all secondary components, like the progress bar or the info icons
• The primary text color
  • applies to headers, questions, and the product price on the advice page
• The secondary text color
  • applies to all other texts
• The background color
  • is used for the background of the content cards. Make sure it blends in nicely with the background color of your webshop, when using an in-page integration.

Fonts

You can choose a font for:

• headers
• other texts

You can also apply styling to the headers, like Bold, Italic or underline.

Advanced

The devil is in the details! This section allows you to put a finishing touch to the cards and buttons in your app.