Qué es personalizable
| Aspecto | Cómo configurar | Plan necesario |
|---|---|---|
| Logo + favicon | Subida en Settings | Mini+ |
| Colores (primary, accent, bg) | Color picker | Mini+ |
| Fuente (Google Fonts) | Dropdown | 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 mobile app | Build dedicado EAS | Enterprise |
Configurando 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 > Añadir dominio > Validar.
Tras la verificación del dominio, Caddy emite el certificado Let's Encrypt vía 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 — púrpura/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 sección "Temas visuales" más arriba para la lista completa.
Custom CSS
Para personalizaciones más allá de los temas, el administrador puede añadir 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 (reemplazados por el nombre del tenant)
- Favicon de Studeia (reemplazado por el tuyo)
- Página de login rebrandeada con tu logo + colores
Solicitar vía contact@studeia.com.
White-label mobile
Por defecto, la app móvil de Studeia (Android/iOS roadmap) hace request a /api/mobile/tenant-branding tras el login y aplica:
- Logo del tenant
- Colores del tema
- Nombre de visualización
- Funciones 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 con tu Apple Developer Account + Google Play Console