> For the complete documentation index, see [llms.txt](https://docs.thewalletcrew.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thewalletcrew.io/guides-enrolment/fr/inscription/enrolment-form/design.md).

# Design

Personnalisez les formulaires d’inscription avec les logos de la marque, les couleurs, la typographie, les sous-titres et les images d’en-tête.

## Conception du formulaire d'inscription de l'équipe Wallet

#### Capacités de conception du formulaire d'inscription de l'équipe Wallet

Le formulaire d'inscription de l'équipe Wallet est conçu dans un esprit de flexibilité et de personnalisation, en s'appuyant sur le système de thèmes Material-UI (MUI). Vous trouverez ci-dessous les éléments de conception et leurs options de personnalisation.

**Système de thèmes Material-UI**

L'application s'appuie sur le système de thèmes Material-UI, permettant une personnalisation complète. Pour plus de détails, consultez le [Documentation de theming MUI](https://mui.com/customization/theming/).

#### Logo

Le logo peut être personnalisé pour représenter l'identité de la marque. Assurez-vous que le logo s'intègre bien à la mise en page du formulaire d'inscription et qu'il reste visible sur différents appareils.

#### Couleurs

Le schéma de couleurs est un aspect crucial de la conception du formulaire d'inscription. Les images suivantes illustrent les options de couleur :

<figure><img src="https://831874859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlFokgwgJiwLXu7G8MVSJ%2Fuploads%2FWEzc01bEh2FUD92PHta0%2Fenroll-design-colors.png?alt=media&#x26;token=02cdce27-6838-4106-8939-06705fac0f1c" alt="Colour settings for the registration form theme"><figcaption><p>Vérifiez que chaque couleur configurée correspond à l'élément de formulaire prévu.</p></figcaption></figure>

<figure><img src="https://831874859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlFokgwgJiwLXu7G8MVSJ%2Fuploads%2FKcuycQexm5r2BDJI19ge%2Fenroll-design-colors-2.png?alt=media&#x26;token=599c4f27-9849-42e2-8a92-a1f03ef47f46" alt="Additional colour settings for the registration form theme"><figcaption><p>Vérifiez les couleurs secondaires et de fond par rapport à la palette de la marque.</p></figcaption></figure>

Ces schémas de couleurs peuvent être adaptés pour correspondre à la palette de la marque à l'aide du système de thèmes MUI.

#### Typographie

Les paramètres typographiques sont configurables afin d'assurer la cohérence avec l'identité visuelle de la marque. L'image suivante illustre les options de typographie :

<figure><img src="https://831874859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlFokgwgJiwLXu7G8MVSJ%2Fuploads%2FDszSEFZzZV8ttG0L76Wu%2Fenroll-design-typography.png?alt=media&#x26;token=33fc187b-fd0a-4f8a-b564-43360746efcd" alt="Typography settings for the registration form"><figcaption><p>Confirmez que la famille de police, la taille et le poids correspondent aux directives de la marque.</p></figcaption></figure>

Ajustez les polices, les tailles et les graisses via le système de thèmes MUI afin de les aligner sur les directives de la marque.

#### Sous-titre

Le sous-titre est un champ de texte facultatif qui peut véhiculer une incitation ou un appel à l'action encourageant les clients à s'inscrire. Exemples :

* Obtenez 10 % de réduction
* Recevez des nouvelles de \[tenant name]
* Rejoignez-nous maintenant !

Ce champ doit être concis et convaincant pour encourager l'inscription des clients.

#### Image d'en-tête

L'image d'en-tête améliore l'attrait visuel du formulaire d'inscription. Cette image peut être définie de deux façons :

1. Sous forme d'URL : `HeaderImageConfiguration.Url`
2. Sous forme de `HeaderImageConfiguration` objet

L'image est affichée à l'aide des propriétés CSS suivantes :

* `background-size: cover`
* `height: 200px`

La largeur est responsive, s'adaptant à la largeur de l'écran de l'appareil, avec une largeur minimale de 280px et environ 400px sur les smartphones modernes. Des styles supplémentaires peuvent être appliqués à l'aide de `HeaderImageConfiguration.AdditionalStyles` propriété.

#### Palette du thème

Le formulaire d'inscription prend en charge les thèmes sombre et clair. Choisissez celui qui correspond le mieux à l'apparence et à l'esprit de la marque.

En personnalisant ces éléments, un responsable de marque peut créer un formulaire d'inscription à la fois attrayant visuellement et cohérent avec l'identité de la marque. Pour aller plus loin dans la personnalisation, consultez le [Documentation de theming MUI](https://mui.com/customization/theming/).


---

# 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.thewalletcrew.io/guides-enrolment/fr/inscription/enrolment-form/design.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.