Apparence

Votre site aux couleurs de votre commune

Logo, favicon, couleurs municipales, menus de navigation : configurez tout depuis le back-office, sans designer. Le contraste WCAG AA est garanti automatiquement.

Les bénéfices

Ce que ça change pour votre commune

Couleurs HSL avec garde-fou contraste

Les couleurs sont stockées en HSL pour permettre des dérivations cohérentes (versions claires, foncées, transparentes). Le contrôle WCAG AA sur les couples texte/fond du thème est automatique — un garde-fou utile, qui ne remplace pas l’audit accessibilité global du site.

Menus drag & drop

Vous réorganisez le menu principal, le menu pied de page et les menus secondaires en glissant les éléments. Ajout d’une rubrique, sous-rubrique ou lien externe en quelques secondes, sans contacter le support.

Logo et favicon optimisés

Le logo est servi en plusieurs résolutions (mobile, desktop, partage social, impression PDF) et optimisé via Sharp pour rester léger. Le favicon est généré aux formats requis par tous les navigateurs et systèmes (iOS, Android, Windows).

Aperçu en temps réel

À chaque modification (couleur, logo, menu), vous voyez immédiatement le rendu sur une prévisualisation. Vous testez avant de publier — pas de mauvaise surprise pour vos administrés.

Comment ça marche

Charte graphique : comment ça marche

  1. 1

    Étape 1 : Upload du logo et du favicon

    Vous déposez votre logo (PNG, SVG, JPG) et votre favicon. Le système génère automatiquement les déclinaisons nécessaires (header, footer, partage social, onglet de navigateur) au bon format et au bon poids.

  2. 2

    Étape 2 : Choix des couleurs primaire et accent

    Vous choisissez la couleur principale (souvent celle du blason de la commune) et une couleur d’accent. Toutes les nuances (boutons, liens, titres, encadrés) en sont déduites automatiquement.

  3. 3

    Étape 3 : Vérification contraste WCAG AA

    Le système calcule en temps réel les ratios de contraste pour chaque combinaison texte/fond. Si une couleur ne respecte pas le niveau AA (4.5:1 pour le texte normal), une alerte vous propose un ajustement.

Le constat

Le problème concret

Identité visuelle, accessibilité et navigation : trois sujets souvent négligés sur les sites de mairie historiques.

Des couleurs imposées par le prestataire

Sur la plupart des sites de mairie, la palette est figée à la livraison. Pour changer une couleur (nouveau logo, nouvelle équipe), il faut repasser par le prestataire — devis, délai, parfois plusieurs centaines d’euros.

Des contrastes illisibles pour les seniors

Bleu clair sur fond blanc, gris sur gris, jaune sur orange : les fautes de contraste rendent le site impraticable pour une partie de vos administrés, en particulier les plus âgés. Et ce sont des manquements RGAA.

Des menus rigides, difficiles à réorganiser

Ajouter une rubrique "Démarches en ligne", déplacer "Vie associative" ou créer un menu dédié aux travaux : sans interface adaptée, ce sont des semaines d’aller-retour avec le prestataire. Les menus restent ce qu’ils étaient au départ.

Garde-fou

Contraste WCAG AA actif à chaque modification

Le système vérifie en temps réel les ratios de contraste sur les couples texte/fond du thème (texte normal : 4.5:1 minimum, grand texte : 3:1). Une palette non conforme ne peut pas être publiée — c’est un garde-fou utile, qui ne remplace pas l’audit RGAA global du site.

Questions fréquentes — charte graphique et personnalisation

Non, et c’est volontaire. L’accessibilité numérique est une obligation légale pour les communes depuis la loi du 11 février 2005. Le système empêche techniquement de publier une palette qui ne respecte pas le niveau AA, parce que cela vous exposerait à une mise en demeure.

Si votre charte graphique officielle inclut une couleur problématique, nous vous aidons à trouver une nuance proche qui passe le contrôle.

Habillez le site officiel de votre commune

Personnalisation incluse dans tous les plans. Aucun frais supplémentaire, aucun designer à recruter.