> For the complete documentation index, see [llms.txt](https://docs.powens.com/console-webview/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powens.com/console-webview/webview/set-up-your-webview/branding.md).

# Branding

It’s important for your client to feel secure while going through our webview screens. We made possible for you to personalize it with simple branding elements.

{% hint style="info" %}
**Tips :** Don’t hesitate to ask those informations to your internal designer to get the right elements.
{% endhint %}

### <mark style="color:blue;">1/ Logo</mark>

\ <mark style="color:blue;">**Your logo will**</mark> <mark style="color:blue;">**present on every screen**</mark> of the webview to reinsure your customer with your brand image.

<figure><img src="/files/ged31l68hL5HiapqXHga" alt=""><figcaption></figcaption></figure>

We recommend **SVG** or **PNG** *format (for good quality upload your logo with min size 70px x 70px )*

{% hint style="info" %}
*We also recommend to upload square logo, like monogram (such as your website's favicon) instead of your full company's logo for better visibility of it.*
{% endhint %}

<figure><img src="/files/NNjnAWL8e0RVrOg7bfDK" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">2 / Main color</mark>

Change the background color of the buttons and the breadcrumb located on the left side of the desktop version of your Webview.

<figure><img src="/files/1pUZcdGS80oHlmWKUiLu" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">3/ Background color</mark>

Change the background color of the Webview *<mark style="color:blue;">**only on desktop**</mark>**.***

<figure><img src="/files/h2lTTNS2WezKnph112Cn" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">4/ Button radius</mark>

Choose a radius that aligns with your visual identity.

<figure><img src="/files/N3RhMwRKDcfUcrk1T2Xh" alt=""><figcaption></figcaption></figure>