Docs / Gérer mon site / Personnaliser le design

Personnaliser le design

Comment adapter les couleurs, polices et mise en page de ton site à ton image de marque.

Le design de ton site Madra est généré par l'IA en fonction de ton activité et de tes préférences. Tu peux ensuite le personnaliser pour qu'il corresponde parfaitement à ton image de marque : couleurs, polices, disposition des éléments et intégration de ton logo.

Puis-je changer les couleurs de mon site ?

Oui, les couleurs de ton site sont entièrement personnalisables.

Pour demander un changement de couleurs :

  1. Connecte-toi à ton dashboard
  2. Crée une Nouvelle demande dans la section Modifications
  3. Indique tes couleurs souhaitées : codes hexadécimaux (#FF5733) ou description ("bleu marine et or")
  4. Envoie la demande

Les éléments concernés par les couleurs :

  • Couleur principale — boutons, liens, éléments d'accent (CTA, bordures, icônes)
  • Couleur secondaire — arrière-plans de sections, éléments complémentaires
  • Couleur de texte — titres, paragraphes, légendes
  • Couleur de fond — arrière-plan des pages et des sections

L'équipe Madra adapte l'ensemble du design pour que les nouvelles couleurs soient harmonieuses et lisibles sur tous les écrans.

Puis-je changer la police de caractères ?

Oui, tu peux demander un changement de police pour personnaliser le style typographique de ton site.

Comment ça fonctionne :

  • Madra utilise des polices web professionnelles optimisées pour la lisibilité et la performance
  • Tu peux choisir parmi un large catalogue de polices Google Fonts (gratuites et sans licence)
  • Si tu as une police spécifique en tête, indique son nom dans ta demande de modification
  • L'équipe peut aussi te proposer des combinaisons de polices adaptées à ton secteur

Deux types de polices sont utilisés :

  • Police de titres — pour les H1, H2 et titres de sections (souvent une police à empattements ou display)
  • Police de corps — pour les paragraphes et le texte courant (souvent une police sans empattements, lisible)

Pour demander un changement de police, contacte le support via le dashboard ou à hello@madra.io.

Comment modifier la mise en page ?

La mise en page de ton site peut être ajustée pour mieux correspondre à tes besoins et à ton contenu.

Types de modifications possibles :

  • Réorganiser les sections — changer l'ordre des blocs sur une page (ex : mettre les témoignages avant les services)
  • Modifier la disposition — passer d'une grille à 3 colonnes à 2 colonnes, centrer un élément, ajuster les espacements
  • Ajouter ou retirer des éléments — ajouter une image à côté d'un texte, retirer une section devenue inutile
  • Changer l'alignement — texte centré, aligné à gauche, pleine largeur

Décris les changements souhaités le plus précisément possible dans ta demande de modification. Une capture d'écran annotée ou un exemple de site qui te plaît aide l'équipe à comprendre ta vision.

Oui, ton logo est intégré à ton site dès sa création, dans le header et le footer.

Emplacements du logo :

  • Header — affiché en haut à gauche, il sert de lien vers la page d'accueil
  • Footer — affiché dans le pied de page, souvent en version plus petite
  • Favicon — la petite icône affichée dans l'onglet du navigateur (adaptée à partir de ton logo)

Comment envoyer ou modifier ton logo :

  • Lors de la commande : joins ton logo dans le formulaire de commande
  • Après la livraison : envoie ton nouveau logo via le dashboard (section Modifications)
  • Format recommandé : PNG avec fond transparent, 500 px de large minimum
  • Formats acceptés : PNG, SVG, JPG, WebP

Si tu n'as pas encore de logo, l'IA de Madra génère une identité visuelle temporaire basée sur le nom de ton entreprise. Tu pourras la remplacer par ton vrai logo à tout moment.

Le design est-il cohérent sur toutes les pages ?

Oui, l'un des principes fondamentaux de Madra est de garantir une cohérence visuelle parfaite sur l'ensemble de ton site.

Ce qui est uniforme sur toutes les pages :

  • Couleurs — la palette de couleurs est appliquée de manière identique partout
  • Polices — les mêmes polices et tailles sont utilisées pour les titres et le texte
  • Espacements — les marges et les espacements sont harmonisés entre les sections
  • Style des boutons — même forme, même couleur, même comportement au survol
  • Header et footer — identiques sur toutes les pages
Bon à savoir

Une charte graphique cohérente renforce ta crédibilité et la confiance de tes visiteurs. C'est aussi un facteur positif pour le SEO : Google valorise les sites bien structurés avec une expérience utilisateur homogène. Lorsque tu demandes un changement de design, l'équipe Madra veille à l'appliquer uniformément sur toutes les pages.

Cette page t'a été utile ?
Sur cette page