La charte graphique du site, aux couleurs de votre commune.
Logo, couleurs et menus se règlent dans votre espace de gestion, sans graphiste.
La plateforme vérifie le contraste des couleurs à chaque enregistrement.
- Compris dans Essentiel et Services en ligne
- 30 jours d’essai gratuit
Tableau de bord › Apparence
RechercherL’apparence du site
Les trois couleurs de base de vos écrans, les nuances qu’elles donnent, et le contrôle de lisibilité qui les valide.
Les palettes prêtes à poser
- Bleu roi
- Forêt
- Océan
- Lavande
- Pierre
Les trois couleurs
la couleur primaire
#174ecfla couleur secondaire
#7e735dla couleur d’accent
#ab2b2b
Le problème aujourd’hui
Sur beaucoup de sites de mairie, l’apparence et les menus restent figés.
Des couleurs figées par le prestataire
Changer une couleur demande un devis et un délai.
Un nouveau logo devient un chantier.
Des contrastes trop faibles
Gris sur gris, bleu clair sur blanc : une partie des habitants, surtout les plus âgés, ne lit pas le site.
Et le RGAALe référentiel général d’amélioration de l’accessibilité. Il fixe les critères qu’un site public respecte pour rester utilisable par les personnes handicapées.En savoir plus (accessibilité aux personnes handicapées) l’interdit.
Des menus qu’on ne touche plus
Ajouter une rubrique « Démarches en ligne » prend des semaines d’échanges.
Les menus restent ceux du premier jour.
Ce que ça change pour votre commune
Des nuances cohérentes
Les versions claires et foncées viennent de vos trois couleurs.
Le contrôle de contraste aide, mais ne remplace pas un audit d’accessibilité du site.
Quatre allures de mise en page
Vous choisissez une allure, Sobre, Classique, Aérée ou Soignée, puis vous réglez la densité, les cartes, les titres, le bandeau d’accueil et les fonds.
Des menus à glisser-déposer
Vous réorganisez le menu principal et le pied de page en glissant les éléments.
Une rubrique s’ajoute en quelques secondes.
Un logo léger
Le logo est allégé et proposé en plusieurs tailles.
L’icône d’onglet s’affiche telle que vous la déposez.
Un aperçu avant de publier
Couleur, logo, menu : vous voyez le rendu tout de suite.
Les habitants ne voient rien avant votre accord.
Comment ça marche
Tableau de bord › Identité visuelle
RechercherIdentité visuelle
Le nom, le logo et les images de votre site, et l’habillage des documents envoyés à vos clients.
Le nom et les images du site
Logo
logo-demovilleChoisir une imageRetirer l’imageFormat carré ou paysage, 512 px de haut au moins. Le dépôt se fait dans Fichiers.
Icône d’onglet
favicon-demovilleChoisir une imageRetirer l’imageFormat carré, 512×512 px conseillé. Le dépôt se fait dans Fichiers.
Image de partage
partage-demovilleChoisir une imageRetirer l’imageFormat paysage, 1200×630 px conseillé. Le dépôt se fait dans Fichiers.
Tableau de bord › Apparence
RechercherL’apparence du site
Les trois couleurs de base de vos écrans, les nuances qu’elles donnent, et le contrôle de lisibilité qui les valide.
Les palettes prêtes à poser
- Bleu roi
- Forêt
- Océan
- Lavande
- Pierre
Les trois couleurs
la couleur primaire
#174ecfla couleur secondaire
#7e735dla couleur d’accent
#ab2b2b
Tableau de bord › Apparence
RechercherL’apparence du site
la couleur d’accent
La lisibilité
Chaque couleur est mesurée sur fond blanc, en texte et en fond, au seuil AA de WCAG.
Sous le seuil AA
- la couleur d’accent 500 sur blanc : le contraste est de 2,16:1, en dessous du seuil AA de 4,5:1.
- la couleur d’accent 700 sur blanc : le contraste est de 4,44:1, en dessous du seuil AA de 4,5:1.
- du blanc sur la couleur d’accent 500 : le contraste est de 2,16:1, en dessous du seuil AA de 4,5:1.
- la couleur primaire 500 sur blancContraste de 6,94:1Passe le seuil AA
- la couleur primaire 700 sur blancContraste de 11,57:1Passe le seuil AA
- la couleur secondaire 500 sur blancContraste de 4,67:1Passe le seuil AA
Vos questions sur la charte graphique
Non, et c’est voulu.Une couleur trop pâle se lit mal, surtout pour les personnes qui voient mal.
La loi du 11 février 2005 impose aux communes un site accessible.
Votre charte a une couleur trop pâle ?Nous vous proposons une nuance proche, lisible par tous.
Vous pourriez aussi consulter
Fonctionnalités liées
Comparatifs
Habillez le site aux couleurs de la commune.
Compris dans Essentiel et Services en ligne, sans frais en plus ni graphiste à payer.