# Design

**Aide en ligne en vidéo**

https://www.youtube.com/watch?v=8b3BVoidXwk

Un design est une charte graphique représentant un ensemble de couleurs, formes et polices de caractères pour le site.

Vous avez plusieurs manières pour créer un design.

| Type de design | Abonnement | Niveau | Liens d’aide |
|----------------|------------|--------|--------------|
| Design Editor  | Inclus     | Débutant | [Design Editor](https://documentation.lundimatin.fr/doc/2d03e32b-295d-4dd4-8c71-c351864173e4) |
| CSS vierge     | Inclus     | Expert CSS | [Documentation CSS](https://storage.oxatis.net/helpcenter-v2/documentation-kit-css.pdf) |


:::info
Menu **[Configuration \\ Design]**

:::

Le design appliqué au site est repérable grâce à l’icone présent dans la colonne “Défaut”.


 ![](https://documentation.lundimatin.fr/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzBlMmYwN2YzLWJjYzgtNGM2Ni1hYzFmLThhZThlOTg0ZTA5Zi82Mjg1Yzk0NS03Mjg2LTQ4ZjQtYWIyYi1jODE1YzhkYzgxMmYvMGVtNXAwMDAwMDNzcmV4LmpwZyIsInR5cGUiOiJhdHRhY2htZW50IiwiaWF0IjoxNzkxODEwMDAwLCJleHAiOjE3OTE4OTY0MDB9.IS6APj_jeXdD1pS1MGkDKYCowBu4zJ7t78i4QwPsIhs)


Quelque soit le type de design, il est possible de le changer de design autant de fois que vous le souhaitez en cliquant sur l’icone présent dans la colonne “Défaut” de la ligne du design. Changer de design n’affecte en aucune façon le contenu du site lui-même ou les mises en pages sélectionnées pour chaque composant.


 ![](https://documentation.lundimatin.fr/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzBlMmYwN2YzLWJjYzgtNGM2Ni1hYzFmLThhZThlOTg0ZTA5Zi8yMzQ1ZmEzOS04N2JhLTQ1YzQtOTQyNy04ZjBkMjE4OGMyMWUvMGVtNXAwMDAwMDNzcmYyLmpwZyIsInR5cGUiOiJhdHRhY2htZW50IiwiaWF0IjoxNzkxODEwMDAwLCJleHAiOjE3OTE4OTY0MDB9.rCOsJ5kL4k-ItwtDxEdQ4adm_96n4o9k2SNssVsRrC8)


Le menu vertical permet d’accéder aux zones :

* Entête et logo
  * [Entête et logo](https://documentation.lundimatin.fr/doc/81f98908-8f02-43fc-9407-685bbbdf52b7)
* Page d’accueil et entête HTML
  * [Page d’accueil - Configuration du site par langue](https://documentation.lundimatin.fr/doc/8642a297-a88c-4612-bc58-d18668ccf347)
  * [Points d’insertions HTML](https://documentation.lundimatin.fr/doc/a38f119b-c955-4dbc-8ece-335e7c69e00d)
* Mise en page
  * [Mises en page](https://documentation.lundimatin.fr/doc/d5a75685-ae85-4cc2-b593-8a4af9a7b8be)


 ![](https://documentation.lundimatin.fr/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzBlMmYwN2YzLWJjYzgtNGM2Ni1hYzFmLThhZThlOTg0ZTA5Zi80OGJmMGZhNS0xMzM5LTQ5NzItYTQ2Ny0wMTVkNjA4MzA3ZWEvMGVtMG4wMDAwMDFrcDFqLmpwZyIsInR5cGUiOiJhdHRhY2htZW50IiwiaWF0IjoxNzkxODEwMDAwLCJleHAiOjE3OTE4OTY0MDB9.34CzkgP3lDRsVyBhaWQATTErJ8lIFpX_XdXgrcTbFE4)



:::tip
Commencez par ajouter un logo depuis le menu vertical. Ainsi celui-ci sera cliquable et permettra à l’internaute de revenir sur la page d’accueil.

:::

---

**Documents**

- [SmartSkins simplifié](https://documentation.lundimatin.fr/s/oxatis/doc/smartskins-simplifie-8dzJW9Bbc1)
- [Remplacer le bandeau d'une présentation CSS](https://documentation.lundimatin.fr/s/oxatis/doc/remplacer-le-bandeau-dune-presentation-css-0A8E4CutYS)
- [Mises en page](https://documentation.lundimatin.fr/s/oxatis/doc/mises-en-page-tqdDdg46ZB)
- [Mention \"Oxatis - création sites E-Commerce\"](https://documentation.lundimatin.fr/s/oxatis/doc/mention-oxatis-creation-sites-e-commerce-0BtePVaQys)
- [Ajouter un icone (favicon) dans la barre d'adresse](https://documentation.lundimatin.fr/s/oxatis/doc/ajouter-un-icone-favicon-dans-la-barre-dadresse-wRl5pe0LRy)
- [Entête et logo](https://documentation.lundimatin.fr/s/oxatis/doc/entete-et-logo-9cbK5E3KdA)
- [Design Editor](https://documentation.lundimatin.fr/s/oxatis/doc/design-editor-7fk1NdRFeN)
- [Design Editor - Modifier la couleur de survol du menu](https://documentation.lundimatin.fr/s/oxatis/doc/design-editor-modifier-la-couleur-de-survol-du-menu-zJjinEPWsE)
- [Design Editor - Modifier la couleur de survol des boutons d'action](https://documentation.lundimatin.fr/s/oxatis/doc/design-editor-modifier-la-couleur-de-survol-des-boutons-daction-A3UuF0p6Sx)
- [Design par défaut : Décoration](https://documentation.lundimatin.fr/s/oxatis/doc/design-par-defaut-decoration-asVnBBdm9b)
- [CSS - Conseils pour modifier une présentation CSS](https://documentation.lundimatin.fr/s/oxatis/doc/css-conseils-pour-modifier-une-presentation-css-W2exjlUf92)