Guía de diseño: cómo hacer que tu escuela en Cursio se vea profesional

Tu escuela en Cursio es más que un catálogo de cursos: es tu marca personal materializada en un dominio que los estudiantes van a visitar cientos de veces. Y aunque Cursio te da un sistema de diseño cinemático que se ve bien por defecto, los detalles que tú aportas — tu color, tu logo, tu foto, tus covers — son los que hacen la diferencia entre una escuela que parece seria y una que parece improvisada.

Esta guía no requiere que sepas diseño. Solo que sigas unas reglas simples. Si las aplicas, tu escuela va a verse coherente, profesional y propia. Si las ignoras, aunque tengas el mejor curso del mundo, los visitantes van a dudar antes de comprar.

Vamos por partes.

La filosofía: menos es infinitamente más

La trampa más común en la que cae un creador al configurar su escuela es querer "aprovechar todas las opciones". Subir tres colores distintos en el logo, una foto con fondo decorado, un cover de curso con seis tipografías. El resultado es ruido visual, y el ruido visual proyecta amateurismo.

La regla de oro: decide un look y mantenlo en todas partes. Si tu marca es sobria, que todo sea sobrio. Si tu marca es vibrante, que todo sea vibrante. Lo que no puedes hacer es mezclar: un logo sobrio con covers vibrantes le dice al estudiante "no sé lo que estoy haciendo".

La consistencia le gana a la creatividad en un 100% de los casos cuando se trata de marca personal. Un creador con paleta limitada pero consistente se ve más profesional que uno con mil ideas ejecutadas a medias.

— Regla no escrita del branding digital

Paleta de colores: dos decisiones, dos minutos

Cursio te pide dos colores: primario y acento. Es todo. No necesitas una paleta de 8 tonos ni estudiar teoría del color. Pero debes elegir bien.

Color primario

Es el color de tu escuela. El que va en los botones, los links, los highlights, el progress bar del estudiante. Debe cumplir tres cosas:

• Representarte. Si tu tema es finanzas, probablemente azul oscuro o verde. Si es creatividad, morado o naranja. Si es bienestar, verde suave o rosa. No lo pienses mucho — tu intuición suele estar bien.
• Ser lo suficientemente saturado. Los grises y los colores muy pálidos se ven institucionales y tristes. Buscá uno que tenga vida propia.
• No ser rojo. El rojo es semánticamente "peligro/error" y confunde al estudiante cuando aparece en botones de acción positiva. Si tu marca es roja, usa un rojo cálido (tipo coral o carmín) y déjalo como acento, no como primario.

Color de acento

Es el color secundario. Se usa en los CTAs de compra, los precios destacados, los elementos de conversión. Debe contrastar con tu primario — no ser similar. Si tu primario es morado, un buen acento es naranja o coral. Si tu primario es azul, un buen acento es amarillo mostaza o rosa.

La regla: si tu primario es frío (azul, verde, morado), tu acento debería ser cálido (naranja, coral, rosa, amarillo). Y viceversa. Esto crea una tensión visual agradable y hace que los CTAs de compra "griten" sin ser agresivos.

Paletas que funcionan

Si estás bloqueado, copia una de estas. Todas están probadas y funcionan bien en dark y light mode:

Modo oscuro o claro: qué elegir

Cursio te da los dos, y ambos están diseñados para verse bien con cualquier paleta. La decisión depende de tu tipo de contenido y de tu audiencia.

Cambiarlo es un click desde Configuración → Marca → Modo visual. Puedes probar los dos y quedarte con el que se vea mejor con tu paleta y tus covers.

---

Logo de la escuela: el detalle que todos descuidan

El logo es lo primero que ve tu estudiante en el navbar, en los emails de compra, en el certificado al terminar. Un mal logo socava toda la percepción de profesionalismo, por muy bueno que sea el curso.

Tamaño y formato correctos

El logo debe ser horizontal (más ancho que alto) con una proporción aproximada de 5:1. Cursio lo renderiza a 36px de alto en el navbar, así que sube tu archivo con al menos el doble de resolución (80px de alto mínimo) para que se vea crisp en pantallas Retina.

Do's and don'ts del logo

Si no tienes logo, no pasa nada

Cursio automáticamente muestra el nombre de tu escuela en tu color primario cuando no hay logo cargado. Y honestamente, se ve bastante bien — mejor tener solo el nombre que un logo feo. Puedes empezar así y agregar el logo cuando tengas uno bueno.

Foto del instructor: tu activo más valioso

En una escuela de creador, tú eres la marca. La foto del instructor aparece en la landing, en las páginas de venta de cada producto, en el footer, y es lo que humaniza toda la experiencia. Una foto buena genera confianza, una foto mala genera dudas.

Dimensiones y encuadre

Cursio usa la foto en formato retrato (vertical) en el hero del instructor en la landing, y cuadrada/circular en contextos más pequeños. Si subís una foto horizontal, Cursio la recorta al centro — lo cual puede cortarte la cara. La regla: sube en vertical con el rostro en el tercio superior del frame.

Qué hace que una foto funcione

• Iluminación natural frontal. Ventana grande a tu lado, no contraluz. La luz artificial amarilla mata el resultado — si tienes que usar luz interior, que sea neutra o fría.
• Mirada a la cámara. Las fotos "creativas" mirando al horizonte son para Instagram. En una escuela online, el contacto visual directo construye confianza.
• Fondo limpio. Una pared lisa, una estantería ordenada, un fondo desenfocado. Lo que no debes tener: tu cuarto desordenado, una pared cargada de posters, tu cocina.
• Ropa neutra. Colores sólidos que no compitan con tu paleta de marca. Si tu primario es azul, evita camisetas azul estridentes. Negro, blanco, gris o beige siempre funcionan.
• Sonrisa genuina o expresión segura. Nada de sonrisas forzadas tipo foto de pasaporte. Si no sabes sonreír a cámara, mejor una expresión seria pero relajada.
• Resolución alta. Si la foto se ve pixelada o borrosa, proyecta exactamente eso sobre tu contenido. Invierte 30 minutos en una sesión con el celular + un amigo con buen ojo. No necesitas fotógrafo profesional.

Covers de cursos: la vidriera de tu escuela

Los covers son las imágenes que acompañan a cada curso en la landing, en las páginas de venta, y en la biblioteca del estudiante. En el diseño cinemático de Cursio, el cover del primer curso aparece a tamaño enorme en el bento grid de la landing — si es feo, rompe todo el look.

Tamaño técnico

El formato 16:9 es el mismo que un video de YouTube — eso hace que tus covers se sientan "universales" y cineamtográficos. Si subes una imagen cuadrada o vertical, Cursio la recorta y puede cortar elementos importantes. Siempre 16:9.

Qué poner en el cover

Tienes tres aproximaciones válidas, dependiendo de tu estilo:

1. Foto tuya + título grande

Una foto a media página + el título del curso en tipografía grande al lado. Funciona cuando tu cara ya es marca conocida. Es el estilo de Ali Abdaal, Tiago Forte, Thomas Frank. Ventaja: alta conversión por prueba social visual. Desventaja: requiere que tengas buenas fotos temáticas.

2. Ilustración o foto temática + título

Una imagen conceptual relacionada con el tema + título. Funciona para cursos técnicos o abstractos. Ventaja: muy escalable, fácil de reproducir. Desventaja: requiere buen ojo para elegir la foto o el stock adecuado.

3. Tipografía pura sobre color sólido

Solo texto grande sobre fondo de color de tu paleta. Minimalista, elegante. Es lo que usan marcas como Stripe, Linear, Vercel. Ventaja: imposible de hacer feo si sigues unas reglas básicas. Desventaja: puede parecer frío si no lo balanceas con una foto tuya en otra parte de la página.

La regla de consistencia entre covers

Esto es donde el 90% de los creadores fallan. Cada cover debe sentirse parte de la misma familia. Si tu primer cover es foto + texto sans-serif, tu segundo cover no puede ser ilustración + texto serif.

• Misma tipografía en todos los covers (familia y peso)
• Misma paleta de colores (primario + acento, nada más)
• Misma lógica de composición (texto izquierda / foto derecha, por ejemplo)
• Mismo tratamiento de imagen (todos con foto recortada, o todos con fondo sólido, nunca mezcla)
• Los títulos ocupan proporcionalmente el mismo espacio en todos

La forma más simple de garantizar consistencia: crea un cover en Canva, duplícalo y solo cambia el texto y la imagen para cada curso nuevo. Nunca empieces desde cero.

Textos: nombre, descripción, bio

El copy también es diseño. Un nombre muy largo rompe el navbar. Una descripción de 500 palabras ahoga el hero. Una bio que dice "Soy una persona apasionada" no dice nada.

Nombre de la escuela

Longitud ideal: 2-4 palabras. "Academia de Steve Allen" funciona. "La Academia Online de Steve Allen para Aprender Marketing Digital en Español" no cabe en ningún navbar del mundo. Si tu nombre es largo, considera acortarlo o crear un alias corto.

Descripción de la escuela

Longitud ideal: 100-150 caracteres. Una línea clara que diga qué enseñas y a quién. Aparece debajo del nombre en el hero y en los resultados de búsqueda.

Bio del instructor

Longitud ideal: 3-5 oraciones. Responde a: quién eres, qué has logrado, por qué estás enseñando esto. Nada más. Nadie lee bios de 10 párrafos.

Estructura probada:

1. Oración 1 — quién eres profesionalmente (una frase)
2. Oración 2-3 — logros concretos y específicos (con números si es posible)
3. Oración 4 — por qué enseñas esto
4. Oración 5 (opcional) — algo humano que te diferencie

---

Checklist: antes de publicar tu escuela

Imprime esto (mentalmente) y no publiques hasta que puedas marcar todos los puntos:

• Elegí un color primario que me representa y que no es rojo intenso
• Elegí un color de acento que contrasta con el primario (cálido vs frío)
• Decidí entre modo oscuro o claro y vi cómo se ve mi paleta en el elegido
• Subí un logo horizontal con fondo transparente, mínimo 200×40 px
• Subí una foto de instructor en formato retrato, 800×1000 px mínimo
• Los covers de mis cursos están en 1280×720 px (16:9)
• Todos mis covers usan la misma tipografía, paleta y lógica de composición
• El nombre de mi escuela tiene 2-4 palabras
• La descripción de mi escuela es una línea de 100-150 caracteres
• Mi bio de instructor tiene 3-5 oraciones con logros concretos
• Abrí el subdominio en mobile y todo se ve bien también
• Le mostré la landing a un amigo que no conoce mi tema y entendió de qué trata en 7 segundos

Herramientas gratis que voy a recomendarte

• Canva — Para crear covers, logos básicos y cualquier gráfico. Template de YouTube thumbnail es nativamente 1280×720.
• Squoosh — Para comprimir imágenes sin perder calidad. Arrastra tu PNG/JPG, bajalo al 60% de calidad, descárgalo. Puede reducir el peso en 70% sin que se note visualmente.
• TinyPNG — Alternativa a Squoosh, más simple. Drag and drop y listo.
• Coolors — Generador de paletas de colores. Si estás bloqueado, genera paletas hasta encontrar una que te guste.
• Realtime Colors — Previsualiza tu paleta en un landing page real antes de elegirla. Muy útil.
• Unsplash — Fotos de stock gratuitas de alta calidad. Para covers temáticos cuando no tienes foto propia.
• Remove.bg — Elimina el fondo de cualquier foto en 5 segundos. Útil para tu foto de instructor si el fondo original no es ideal.

Lo que nunca debes hacer

El resultado: una escuela que vende por sí sola

Si seguiste los pasos de esta guía, tu escuela en Cursio va a verse como algo que construyó un profesional, no como un proyecto amateur. Y eso es lo único que importa: cuando un visitante llegue a tu subdominio, los primeros 7 segundos deben decirle "esta persona sabe lo que hace". El resto — la calidad del contenido, tu experiencia como instructor, las reseñas de estudiantes — entra después, pero solo si el diseño te dio la oportunidad.

Cursio hace el 80% del trabajo por ti con su sistema de diseño cinemático, el theme adaptativo dark/light y los constraints automáticos de contraste. Tu trabajo es aportar el 20% restante: paleta, logo, fotos, covers, copy. Es poco esfuerzo para un impacto enorme.

Configurar mi escuela ahora →

Si te quedaste con dudas específicas sobre tu caso, escríbenos un ticket desde el panel de soporte dentro de tu admin. Revisamos la escuela, te damos feedback concreto y te ayudamos a iterar. Incluido en todos los planes.