Modern Academic Tech — une identité visuelle cohérente inspirée du Fluent Design, pour une plateforme ERP éducative de niveau international.
Indigo
#1E3A8A
Couleur principale
Émeraude
#10B981
Couleur secondaire
Orange
#F59E0B
Alerte
Rouge
#EF4444
Erreur
Bleu info
#3B82F6
Bleu info
Slate 900
#0F172A
Texte principal
Slate 500
#64748B
Texte secondaire
Slate 50
#F8FAFC
Fond
Titres — Montserrat
Corps — Inter
Le texte de corps utilise Inter pour une lisibilité optimale sur tous supports.
Texte secondaire en Slate 500 pour les métadonnées et descriptions.
Élèves
1 245
36 classes
Enseignants
82
—
Recouvrement
78%
—
Retards
15 000
3%
Toutes les icônes proviennent de lucide-react — taille 20px, épaisseur 2px, style cohérent.
Couleurs : Indigo pour la navigation et les actions principales, Émeraude pour les succès et le cycle actif, Orange pour les alertes, Rouge pour les erreurs.
Coins arrondis : 14px pour les cartes et conteneurs, 12px pour les boutons et champs, 8px pour les petits éléments.
Espacements : Privilégier des espaces généreux (p-6 pour les cartes), interface aérée avec beaucoup de blanc.
Ombres : Très discrètes (shadow-skolnex), jamais oppressantes. L'ombre s'intensifie au survol.
Icônes : lucide-react uniquement, taille uniforme (w-5 h-5 ou w-4 h-4), épaisseur 2px.
Animations : Discrètes uniquement — fade-in, slide-up, hover. Durée max 400ms. Skeleton loaders pendant le chargement.
Accessibilité : Contrastes WCAG AA respectés, mode sombre parfaitement lisible, cibles tactiles ≥ 44px.