Ce qui est personnalisable
| Aspect | Comment configurer | Plan requis |
|---|---|---|
| Logo + favicon | Upload dans Settings | Mini+ |
| Couleurs (primary, accent, bg) | Sélecteur de couleur | Mini+ |
| Police (Google Fonts) | Menu déroulant | Mini+ |
| Thème visuel par défaut | Bascule dans Settings | Mini+ |
| Autoriser l'utilisateur à changer de thème | Bascule dans Settings | Mini+ |
| CSS personnalisé | Éditeur avec assainissement | Mini+ |
| Domaine personnalisé | DNS CNAME + Settings | Mini+ |
| Expéditeur e-mail + modèles | TenantEmailConfig | Mini+ |
| Masquer la marque Studeia | Bascule dans Settings | Enterprise |
| Application mobile white-label | Build dédié EAS | Enterprise |
Configuration d'un domaine personnalisé
1. DNS
Chez votre fournisseur (OVH, Cloudflare, Route 53, etc.) :
ecole.com → IP de Studeia (instruction dans le panneau)
www.ecole.com → CNAME → studeia.com
Ou pour un sous-domaine (recommandé) :
formation.ecole.com → CNAME → studeia.com
2. Panneau Studeia
Settings > Domaine Personnalisé > Ajouter un domaine > Valider.
Après la vérification du domaine, Caddy émet le certificat Let's Encrypt via le TLS à la demande — le point de terminaison interne /api/internal/caddy-ask autorise le domaine avant l'ACME — en ~2 minutes.
3. Vérification
curl -I https://formation.ecole.com
# HTTP/2 200
# server: Caddy
# strict-transport-security: max-age=63072000
Thèmes visuels — 9 options
Dark (mode glass)
- Ocean Glass (par défaut) — bleu océan profond
- Midnight Purple — violet/mauve nocturne
- Forest Emerald — vert émeraude
- Sunset Amber — ambre/corail chaud
- Cyberpunk Neon — néon vert/rose
- Rose Gold — rose doré élégant
Light (mode solid/material)
- Minimal Light — épuré, neutre
- Corporate Slate — professionnel, ombres douces
- Arctic Frost — glass clair (fond gris-bleuté)
Chaque thème définit : palette de 4 couleurs, police (Outfit, Playfair Display ou système), mode de mise en page (glass/solid/material), type d'arrière-plan (image/solid/gradient).
Consultez la section « Thèmes visuels » ci-dessus pour la liste complète.
CSS personnalisé
Pour des personnalisations allant au-delà des thèmes, l'administrateur peut ajouter son propre CSS :
- Champ dans Settings > Thème > CSS personnalisé
- Assaini (max 10 Ko)
- Bloque
@import,url(http...),expression()(anti-XSS) - Appliqué sur toutes les pages du tenant
Masquer la marque Studeia (Enterprise)
Le plan Enterprise permet de supprimer :
- « Powered by Studeia » dans le pied de page
- Les mentions « Studeia » dans les e-mails par défaut (remplacées par le nom du tenant)
- Le favicon Studeia (remplacé par le vôtre)
- La page de connexion rebrandée avec votre logo + couleurs
Faire la demande via contact@studeia.com.
Application mobile white-label
Par défaut, l'application mobile Studeia (Android/iOS roadmap) envoie une requête à /api/mobile/tenant-branding après connexion et applique :
- Le logo du tenant
- Les couleurs du thème
- Le nom d'affichage
- Les fonctionnalités activées/désactivées (feature flags)
Pour le plan Enterprise, il est possible de générer un build dédié avec :
- Bundle ID propre (com.ecole.app)
- Logo + nom dans le lanceur
- Écran de démarrage personnalisé
- Publié sur les stores via votre Apple Developer Account + Google Play Console