> For the complete documentation index, see [llms.txt](https://axeptio-1.gitbook.io/developers-en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://axeptio-1.gitbook.io/developers-en/customization/personnalisez-axeptio/graphic-charter-and-front.md).

# Graphic charter and front

Customize the widget.

## 1. Video presentation

  

## 2. Change the colors

Go to your cookie version and click on the wheel in the menu on the top right and then on “Colors and graphic charter”.

![](https://849880023-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfKY2EAaueTI4M3Chnh%2F-Lgg2wOVOfWfjoChICos%2F-Lgg3sZNbuQgieoBkAHe%2Fassets_-LTMJYKzl89HzKeDu4UA_-LfZpajLyXexyWkViXAs_-LfZqlDirhvfDSD8wLtc_CG.png?alt=media\&token=e7739446-2a45-4e52-bee9-c10e276bd276)

You arrive on the personalization page and you can go to the color part. \
By clicking on the color of the item you want to change, the menu will suggest you choose the color or enter a Hexa code.

![](https://849880023-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfKY2EAaueTI4M3Chnh%2F-Lgg2wOVOfWfjoChICos%2F-Lgg4Bavdi9QNzcxgM9y%2Fassets_-LTMJYKzl89HzKeDu4UA_-LfZpajLyXexyWkViXAs_-LfZrjnKZo-NU16BQfQa_choix.png?alt=media\&token=15be45d9-fb1b-4f13-84e4-1fba0c0670e4)

In the same way, you can change every texts: overflight texts or map bases.

![](https://849880023-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfKY2EAaueTI4M3Chnh%2F-Lgg2wOVOfWfjoChICos%2F-Lgg4Sn4Kl0YSZQ3zAXD%2Fassets_-LTMJYKzl89HzKeDu4UA_-LfZpajLyXexyWkViXAs_-LfZsgKxcFQRqihL5Bit_choix2.png?alt=media\&token=e8bfb76f-5fe5-44dc-a99b-4ee4be341d1c)

Finally, for the management of the main color, you can choose from the color chart or go to “color” to have a perfect watercolor for your website.

![](https://849880023-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfKY2EAaueTI4M3Chnh%2F-Lgg2wOVOfWfjoChICos%2F-Lgg4bVVONG_xrILt1Ph%2Fassets_-LTMJYKzl89HzKeDu4UA_-LfZvIJL2eufXQScXrka_-LfZvUtDfeTPSrpLgTpA_couleur2.png?alt=media\&token=8dc3ead0-7fd7-4668-b05c-7b29c853bf60)

{% hint style="success" %}
Well done!
{% endhint %}