Qué es personalizable
| Aspecto | Cómo configurar | Plan necesario |
|---|---|---|
| Logo + favicon | Subir en Settings | Mini+ |
| Colores (primary, accent, bg) | Selector de color | Mini+ |
| Fuente (Google Fonts) | Desplegable | Mini+ |
| Tema visual predeterminado | Toggle en Settings | Mini+ |
| Permitir al usuario cambiar tema | Toggle en Settings | Mini+ |
| Custom CSS | Editor con sanitización | Mini+ |
| Dominio personalizado | DNS CNAME + Settings | Mini+ |
| Email sender + templates | TenantEmailConfig | Mini+ |
| Ocultar marca Studeia | Toggle en Settings | Enterprise |
| Whitelabel app móvil | Build dedicado EAS | Enterprise |
Configuración de dominio personalizado
1. DNS
En tu proveedor (Cloudflare, Route 53, etc.):
escuela.com → IP de Studeia (instrucción en el panel)
www.escuela.com → CNAME → studeia.com
O para subdominio (recomendado):
ead.escuela.com → CNAME → studeia.com
2. Panel Studeia
Settings > Dominio Personalizado > Agregar dominio > Validar.
Tras la verificación del dominio, Caddy emite el certificado Let's Encrypt mediante on-demand TLS — el endpoint interno /api/internal/caddy-ask autoriza el dominio antes del ACME — en ~2 minutos.
3. Verificación
curl -I https://ead.escuela.com
# HTTP/2 200
# server: Caddy
# strict-transport-security: max-age=63072000
Temas visuales — 9 opciones
Dark (glass mode)
- Ocean Glass (predeterminado) — azul océano profundo
- Midnight Purple — morado/violeta nocturno
- Forest Emerald — verde esmeralda
- Sunset Amber — ámbar/coral cálido
- Cyberpunk Neon — neón verde/rosa
- Rose Gold — rosa dorado elegante
Light (solid/material mode)
- Minimal Light — limpio, neutro
- Corporate Slate — profesional, sombras suaves
- Arctic Frost — glass claro (fondo gris azulado)
Cada tema define: paleta de 4 colores, fuente (Outfit, Playfair Display o system), layout mode (glass/solid/material), background type (image/solid/gradient).
Consulta la seccion "Temas visuales" mas arriba.
Custom CSS
Para personalizaciones más allá de los temas, el administrador puede agregar CSS propio:
- Campo en Settings > Tema > Custom CSS
- Sanitizado (máx. 10KB)
- Bloquea
@import,url(http...),expression()(anti-XSS) - Aplicado en todas las páginas del tenant
Ocultar marca Studeia (Enterprise)
El plan Enterprise permite eliminar:
- "Powered by Studeia" en el pie de página
- Mensajes "Studeia" en emails por defecto (sustituidos por el nombre del tenant)
- Favicon de Studeia (sustituido por el tuyo)
- Página de login con tu logo + colores
Solicitar mediante contact@studeia.com.
White-label móvil
Por defecto, la app móvil de Studeia (Android/iOS roadmap) realiza una solicitud a /api/mobile/tenant-branding tras el login y aplica:
- Logo del tenant
- Colores del tema
- Nombre de visualización
- Funcionalidades habilitadas/deshabilitadas (feature flags)
Para el plan Enterprise, es posible generar un build dedicado con:
- Bundle ID propio (com.escuela.app)
- Logo + nombre en el launcher
- Splash screen personalizado
- Publicado en las tiendas desde tu Apple Developer Account + Google Play Console