Temas y Branding
Personaliza la apariencia de tu sitio web para que refleje la identidad visual de tu escuela.
Temas
Explorar Temas Disponibles
- Ve a Sitio Web > Temas
- Navega por los temas disponibles
- Haz clic en Vista Previa para ver como se veria tu sitio con cada tema
- Selecciona Activar para aplicar el tema a tu sitio
Crear un Tema Personalizado
Si ninguno de los temas predefinidos se ajusta a tu marca, puedes crear uno desde cero:
- Haz clic en Crear Tema
- Asigna un nombre y una descripcion
- Configura la paleta de colores
- Ajusta la tipografia
- Guarda el tema
Personalizacion de Marca
Colores
Configura los colores principales de tu marca:
- Color primario: Color principal de tu marca. Se usa en botones, encabezados y enlaces
- Color secundario: Color complementario para elementos de soporte
- Color de acento: Color para resaltar elementos importantes
El sistema genera automaticamente escalas de color (tonos del 50 al 950) a partir de cada color seleccionado, asegurando consistencia en toda la interfaz.
Tipografia
- Fuente de encabezados: Para titulos y subtitulos
- Fuente de cuerpo: Para parrafos y texto general
- Tamanos: Configura el tamano base y la escala de tamanos
- Pesos: Selecciona los pesos tipograficos disponibles (regular, medio, bold)
Diseno
- Bordes redondeados: Ningun redondeo, suave, medio o pronunciado
- Espaciado: Compacto, normal o relajado
- Ancho del contenedor: Ancho maximo del area de contenido
Efectos
- Sombras: Sin sombra, sutil, media o prominente
- Animaciones: Activa o desactiva las animaciones de transicion
Configuracion de Dominio
Subdominio por Defecto
Al activar el sitio web, tu escuela recibe automaticamente un subdominio:
miescuela.equinos.co
El subdominio se genera a partir del slug de tu escuela.
Dominio Personalizado
Si prefieres usar tu propio dominio:
- Ve a Sitio Web > Configuracion de Dominio
- Ingresa tu dominio (ej.
www.miescuela.com) - Configura los registros DNS segun las instrucciones mostradas
- El sistema verificara la configuracion automaticamente
Configuracion SEO
Optimiza tu sitio para motores de busqueda:
- Titulo del sitio: Aparece en la pestana del navegador y en resultados de busqueda
- Descripcion del sitio: Descripcion que aparece en Google y otros buscadores
- Imagen de redes sociales: Imagen que se muestra al compartir tu sitio en redes
- Codigo de seguimiento: Agrega tu ID de Google Analytics u otra herramienta de analitica
Biblioteca de Medios
Subir Imagenes
- Ve a Sitio Web > Medios
- Haz clic en Subir o arrastra archivos al area de carga
- Las imagenes se almacenan en Cloudinary con optimizacion automatica
Gestionar Imagenes
- Organizar: Clasifica tus imagenes para encontrarlas facilmente
- Eliminar: Remueve imagenes que ya no necesites
- Usar en paginas: Todas las imagenes subidas estan disponibles en el editor de paginas
Donde se Aplica el Branding
Tu configuracion de marca se aplica de manera consistente en:
- Sitio web publico: Todas las paginas de tu sitio
- Portal del estudiante: Interfaz que ven tus estudiantes
- Correos electronicos: Notificaciones enviadas desde tu escuela
- Certificados: Documentos generados para los estudiantes
Buenas Practicas
- Usa los colores oficiales de tu escuela para mantener consistencia
- Sube un logo en alta resolucion (formato PNG con fondo transparente)
- Mantiene el diseno limpio y profesional: menos es mas
- Revisa la vista previa en diferentes dispositivos antes de publicar
Tip: Si ya tienes branding definido para tu escuela, configuralo primero en Configuracion > Branding y los cambios se reflejaran automaticamente en tu sitio web.