Apparence de l'école

L’apparence de votre école détermine l’aspect visuel de l’application pour l’ensemble de vos utilisateurs (équipe, enseignants, familles). Vous pouvez choisir un style qui correspond à votre identité, ajuster la palette de couleurs et, si besoin, peaufiner chaque détail.

La page Paramètres > Apparence rassemble toutes ces options en un seul endroit, avec un aperçu en direct.

Astuce

Le choix de l’apparence est libre. Vous pouvez le modifier à tout moment, et toute modification est immédiate pour vos utilisateurs après enregistrement.

Accéder à la page Apparence

1. Connectez-vous à votre espace.
2. Ouvrez Paramètres depuis la barre latérale.
3. Cliquez sur Apparence.

Vous arrivez sur la page de personnalisation, organisée en trois sections : Style général, Palette et Personnaliser.

Comprendre les styles

Un style général définit l’identité structurelle de votre espace : typographies, formes, animations, ambiance globale. Cinq styles sont disponibles, conçus pour des types d’écoles très différents.

Moderne

Style EdTech contemporain. Bleu indigo profond avec accent corail. C’est le style par défaut, sobre et polyvalent. Il convient à toute école qui souhaite une identité moderne et professionnelle, sans personnalité visuelle trop marquée.

Idéal pour : écoles privées généralistes, collèges et lycées, structures qui débutent avec Scolarium et qui souhaitent une base solide.

Héritage

Identité institutionnelle classique. Typographie serif italique (Cormorant Garamond), palette marine, accent or vieilli, ornements discrets. Une identité qui inspire la tradition et la solennité.

Idéal pour : écoles catholiques et paroissiales, lycées prestigieux, internats, établissements à forte tradition.

Vivant

Identité EdTech amicale et chaleureuse. Bleu solaire, accents multicolores, typographie DM Sans, illustrations et icônes engageantes. Une ambiance proche des grandes marques de l’éducation moderne.

Idéal pour : écoles modernes et engageantes, écoles bilingues, structures qui mettent en avant l’innovation pédagogique, écoles avec une forte communication numérique.

Audacieux

Identité créative inspirée du mouvement Memphis des années 80. Ombres plates, géométrie franche, typographie Space Grotesk en capitales, couleurs vives (terracotta, klein blue, mimosa).

Idéal pour : écoles d’art, écoles créatives, écoles à pédagogie alternative qui assument une identité visuelle forte.

Maternelle

Identité tendre et accueillante, comme un album d’enfance Montessori. Coins très arrondis, ombres douces, mascotte ours, typographie Fredoka, palette pastel.

Idéal pour : maternelles, écoles Montessori, écoles à taille humaine, structures qui souhaitent rassurer les jeunes familles.

Astuce

Hésitez-vous entre deux styles ? Cliquez sur chacun pour voir l’aperçu en direct. Tant que vous n’avez pas cliqué sur Enregistrer, aucun changement n’est appliqué pour vos utilisateurs.

Choisir un style

1. Sur la page Paramètres > Apparence, repérez la section Style général.
2. Survolez ou cliquez sur l’une des cinq vignettes pour pré-visualiser le style dans le panneau d’aperçu à droite.
3. Cliquez sur la vignette qui vous convient pour la sélectionner.
4. Le bandeau Modifications non sauvegardées apparaît : votre choix est en attente d’enregistrement.

Pour appliquer immédiatement, cliquez sur Enregistrer en bas de la page. Pour revenir en arrière sans enregistrer, cliquez sur Annuler.

Filtrer par ambiance

Pour vous aider à comparer, des filtres d’ambiance permettent de réduire la liste : Sobre, Chaleureux, Énergique, Tendre, Classique. Cliquez sur une étiquette pour ne voir que les styles correspondants.

Ajuster la palette

Chaque style est livré avec trois palettes de couleurs, soit quinze combinaisons au total. La palette ajuste les couleurs sans changer la structure du style.

Palettes disponibles par style

Moderne

• Indigo & Corail : la palette de référence, sobre, lisible et accessible.
• Coucher de soleil : terre cuite et parchemin, chaleureuse mais discrète.
• Minuit : bleu nuit et émeraude, en mode sombre par défaut.

Héritage

• Marine institutionnel : marine profond, parchemin et sépia, tradition rassurante.
• Bordeaux paroissial : bordeaux chaleureux et or doux.
• Cathédrale Nuit : nuit profonde, or vif et violet vitrail, en mode sombre.

Vivant

• Bleu Solaire : bleu et jaune ensoleillé sur blanc, lumineux et amical.
• Corail Bienveillant : corail chaleureux et menthe douce sur crème.
• Nuit Cosmique : violet lumineux et cyan vif sur nuit profonde, en mode sombre.

Audacieux

• Memphis 80s : terracotta, klein blue et mimosa sur crème, signature Memphis.
• Tropical Pop : vert d’eau et magenta, énergie pop façon Miami Vice.
• Memphis Noir : galerie nocturne, en mode sombre.

Maternelle

• Ours rose & ciel : rose poudré et ciel pastel sur crème lin, douceur d’album.
• Jardin Montessori : vert tendre et brun-bois, nature et bois clair.
• Câlin du soir : mauve nuit et jaune étoile, en mode sombre tout en douceur.

Choisir une palette

1. Sélectionnez d’abord un style général.
2. La section Palette affiche les trois variantes disponibles pour ce style.
3. Cliquez sur la palette de votre choix pour l’appliquer en aperçu.
4. Le badge Défaut identifie la palette d’origine du style.

Note

Les palettes en mode sombre (Minuit, Cathédrale Nuit, Nuit Cosmique, Memphis Noir, Câlin du soir) verrouillent le mode d’affichage en sombre. Vous ne pourrez pas basculer en mode clair pour ces palettes, qui ont été conçues spécifiquement pour le mode sombre.

Personnaliser (option)

Si vous souhaitez aller plus loin que les palettes prédéfinies, la section Personnaliser propose des ajustements simples et un mode expert réservé aux personnes à l’aise avec les couleurs.

Réglages simples

Quatre contrôles sont toujours disponibles, quel que soit le style choisi :

• Décalage des teintes : un curseur permet de décaler l’ensemble des teintes de la palette. 0° correspond à la palette d’origine. Utile pour des ajustements fins (par exemple, faire glisser un indigo vers un bleu plus violacé).
• Police principale : choisissez la police utilisée dans l’interface (Inter, Cormorant Garamond, DM Sans, Space Grotesk, Fredoka, Lora). Laissez sur Défaut pour conserver la police du style.
• Densité : choisissez entre Compact, Normal ou Confortable. Affecte l’espacement général de l’interface.
• Mode d’affichage : forcez le mode Clair, Sombre ou laissez en Automatique (suit les préférences système de chaque utilisateur).

Mode expert

Le Mode expert est une option avancée. Activez-le si vous souhaitez modifier directement les couleurs principales (primaire, accent, arrière-plan) avec un sélecteur de couleur.

1. Dans la section Personnaliser, basculez le commutateur Mode expert.
2. Un panneau s’ouvre avec les variables CSS exposées et un champ de recherche pour filtrer.
3. Pour chaque couleur, cliquez sur la pastille pour ouvrir le sélecteur de couleur. Saisissez un code hexadécimal (ex : #FF6B5C) ou utilisez le sélecteur visuel.
4. Un indicateur de contraste WCAG vous prévient si une combinaison de couleurs risque de poser un problème d’accessibilité.
5. Pour annuler vos modifications expertes et revenir à la palette d’origine, cliquez sur Réinitialiser cette palette.

Attention

Le mode expert écrase la palette par défaut. Tant que le mode expert est actif, le bandeau Mode expert activé s’affiche. Désactivez-le pour revenir à la palette du preset choisi.

Astuce

Si le contraste insuffisant est détecté, une alerte vous propose deux options : Corriger maintenant (recommandé) ou Enregistrer quand même. Pour respecter l’accessibilité, visez un contraste minimum de 4,5:1 entre le texte et le fond (norme WCAG AA).

Repartir de zéro

Si vous souhaitez revenir au style d’origine de Scolarium et abandonner toutes vos personnalisations :

1. Cliquez sur le menu Plus d’actions (icône à trois points) en haut à droite de la page.
2. Sélectionnez Repartir de zéro.
3. Confirmez l’action dans la fenêtre qui s’affiche.

Attention

Repartir de zéro est une action définitive : elle écrase votre style, votre palette et toutes vos personnalisations. Elle s’applique immédiatement à tous les utilisateurs de votre école.

Aperçu en direct

À droite de la page, un panneau d’aperçu affiche un tableau de bord miniature qui reflète vos choix en temps réel. Vous voyez immédiatement l’effet du style, de la palette et des personnalisations sur :

• Le tableau de bord
• La barre latérale
• Les boutons et formulaires
• Les cartes et tableaux

Sur mobile et tablette, l’aperçu s’affiche à la demande via le bouton Voir l’aperçu.

Enregistrer ou annuler

Tant que vous n’avez pas enregistré, le bandeau Modifications non sauvegardées reste visible.

• Pour valider vos changements : cliquez sur Enregistrer. Tous vos utilisateurs verront le nouveau thème immédiatement.
• Pour annuler vos changements et revenir à la dernière version enregistrée : cliquez sur Annuler.

Note

Si plusieurs personnes modifient l’apparence en même temps, Scolarium détecte automatiquement le conflit et vous propose de recharger pour reprendre la dernière version enregistrée.

Conseils pour bien choisir

• Restez fidèle à votre identité existante : si votre école a déjà un logo et une charte graphique, choisissez le style qui s’en rapproche le plus.
• Pensez à votre public : une maternelle gagne souvent à choisir Maternelle ou Vivant, tandis qu’un lycée traditionnel se reconnaîtra dans Héritage ou Moderne.
• Testez avec votre équipe : avant d’enregistrer, montrez l’aperçu à plusieurs collègues. Le confort de lecture est essentiel.
• N’abusez pas du mode expert : les palettes prédéfinies ont été conçues pour garantir l’accessibilité. Le mode expert est puissant mais peut dégrader la lisibilité si vous changez des couleurs sans précaution.

Questions fréquentes

Le changement d’apparence est-il visible immédiatement ? Oui. Dès que vous cliquez sur Enregistrer, l’ensemble de vos utilisateurs verra le nouveau thème à leur prochaine connexion ou rafraîchissement de page.

Puis-je avoir des apparences différentes pour chaque utilisateur ? Non. L’apparence est définie au niveau de l’école et s’applique à toutes les personnes qui s’y connectent.

Le mode sombre s’active-t-il automatiquement ? Oui, si vous laissez Mode d’affichage sur Automatique et que la palette n’est pas verrouillée. Le système suit alors les préférences du navigateur ou du système d’exploitation de chaque utilisateur.

Mes utilisateurs peuvent-ils modifier l’apparence ? Non. Seuls les administrateurs et directeurs ont accès à la page Paramètres > Apparence.