> For the complete documentation index, see [llms.txt](https://docs.frontnow.com/advise/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.frontnow.com/advise/2/customization/branding.md).

# Branding

In today's highly competitive market, it is more important than ever to create a strong brand identity that sets you apart from your competitors. Customizing the visual elements of your Frontnow Advisor widget is a great way to achieve this. By matching the colors, fonts, and other visual elements of the widget to your brand's visual identity, you can create a seamless and consistent user experience that reinforces your brand's values and message. 

But customization is not just about making your widget look pretty. It can also have a significant impact on your customer engagement and conversion rates. By aligning your widget with your brand's visual identity, you can create a sense of trust and familiarity with your customers, which can lead to increased engagement and ultimately more conversions. 

So don't overlook the importance of customizing your Frontnow Advisor widget. Take the time to carefully consider how you can use the visual elements of the widget to reinforce your brand identity and create a more engaging user experience for your customers.

## Color Scheme

You can customize the color scheme of Frontnow Advisor to match your brand's visual identity. To do this, use the following initialization code:

```javascript
new Advisor({
    colorScheme: {
        primary: '#000000',
        secondary: '#ffffff',
        tertiary: '#ff0000'
    }
});
```

In this code, `primary` is the main color used in the widget, `secondary` is the color used for text on the `primary` color and other elements, and `tertiary` is the color used for accents.

## Custom Icon

You can choose an custom icon as launcher symbol of the Frontnow Advisor.

```javascript
new Advisor({
    customIcon: "https://example.com/icon.png"
})
```

## Custom CSS

You may apply any custom styling to the Launcher and the iFrame by styling the elements inside the corresponding IDs. Please be aware that styling changes might need to be adapted if the general style changes.

<pre class="language-css"><code class="lang-css">#frontnow-advisor-launcher { ... }
<strong>#frontnow-advisor-iframe { ... }
</strong><strong>
</strong><strong>// You can use CSS attributes very flexibly, like
</strong>#frontnow-advisor-launcher {
  bottom: 20px;
  border-radius: 5px;
  ...
}
</code></pre>

By customizing the branding of Frontnow Advisor, you can create a seamless and consistent user experience for your customers that aligns with your brand's visual identity. If you have any questions or need assistance, please don't hesitate to contact us.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.frontnow.com/advise/2/customization/branding.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.