In Chameleon, you can set your brand style and ensure the same brand cohesion across every Experience you build. You can set and adjust your account styling from the Dashboard's Styling page.
One of the first things you can do with Chameleon is to set the default styling for your Experiences. This way, anytime you, or someone on your team, will create a new Experience, it will automatically be styled in your brand colors. Branded-in-app guidance? Always! 😉
To set your Brand Basics, go to the Styling page and click the 'Set your brand' button.
Here, you can then set your main brand colors and fonts, as well as button style or canvas corners. This will adjust all the individual styling configurations to match your theme and easily apply your personality. 😉
With Chameleon, you can use your explicit font family - 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, for full control.
Note: the font may not display in the Dashboard or previews, but will work when previewing any Experiences in the Builder.
From the Styling section in the Dashboard, you can also adjust different styling components individually (e.g. just buttons). You can use this to further define your account's default styling or to update specific Experiences.
Here you can set your default:
Font - Adjust the fonts used in your Experiences. Chameleon pulls these from the fonts loading on your page.
Colors - Adjust the colors for your text, backgrounds, buttons, etc.
CSS - Use custom CSS to achieve a more detailed styling and apply it to all Experiences, any particular Experience, or a specific Step.
To learn more about Styling Experiences with Chameleon, read this article.