# 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="https://1586949369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPAvWKjNBR0YuRJ2VlhDy%2Fuploads%2FW7YBXpPAtBng5KkVZ9di%2FFrame%2013.png?alt=media&#x26;token=46fc95b3-59c0-4871-9be2-60fa5ebedfcc" 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="https://1586949369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPAvWKjNBR0YuRJ2VlhDy%2Fuploads%2FKCthGxvtCSJXeGIvrQFX%2FFrame%2033732.png?alt=media&#x26;token=9a62ba14-b2f1-417c-aa06-2a7c1c1b89ac" 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="https://1586949369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPAvWKjNBR0YuRJ2VlhDy%2Fuploads%2F9aG3dbnVDsiLSgGesg4Z%2FMain%20color.png?alt=media&#x26;token=7eefe74e-60c5-4cde-a8f6-7e919671ff73" 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="https://1586949369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPAvWKjNBR0YuRJ2VlhDy%2Fuploads%2FrVhd6uYagRVFQk9i7Idq%2FBackground%20color.png?alt=media&#x26;token=d20b939c-affb-439b-a75b-dad1b01f9b80" alt=""><figcaption></figcaption></figure>

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

Choose a radius that aligns with your visual identity.

<figure><img src="https://1586949369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPAvWKjNBR0YuRJ2VlhDy%2Fuploads%2FNifiHBFNi4Gl6PKzRfjm%2FButton%20radius.png?alt=media&#x26;token=9a3789e6-fbbc-411c-a633-b749dd748f5a" alt=""><figcaption></figcaption></figure>