Adjust your default and account styling from the Chameleon dashboard Styling page.

Set your brand defaults

One of the first things you may want to do with Chameleon is to set the default styling of your Experiences, such that when you create any new Experience, it will automatically be according to your brand.

Do that by clicking "Set your brand" on the Styling page.

You can then set your brand colors and font here; this will adjust all the individual styling configurations to smartly match your theme.

Setting your fonts

You can use your exact fonts in Chameleon; just ensure they are spelled in precisely the same way as on your page. Chameleon then pulls this font from your page when showing any Experiences. You can also use a comma-separated list of fonts to include fallbacks if necessary.

Note: this font may not display in the dashboard or previews, but will work when previewing any Experiences in the Builder.

Adjust the styling 

From the Styling section in the Dashboard, you can also adjust different styling components individually, either as the default for your account, or to apply to a particular Tour.

Here you can set your defaults:

For more information about Styling for Experiences, click here.

💡 Tip - To avoid confusion between your tour and your interface for new users (or those not totally familiar with your product) you should consider using contrasting / complimentary colors for tours, to help them stand out.

👉 Explore design and UX tips to create effective Chameleon Experiences!

Up for more?

Did this answer your question?