Diseño de tu academia, bloque por bloque

01

Antes de empezar

Diseño está en los dos planes y tiene siete bloques. Arriba de la pantalla hay un índice para saltar directo a cada uno.

Nada se aplica hasta que tocás “Guardar cambios”. Si cambiaste algo y no guardaste, abajo aparece “Tenés cambios sin guardar”, con la opción de descartar.

02

Tema y color

Es lo que más cambia el aspecto de todo el sitio.

• Modo: fondo claro u oscuro para todo el sitio.
• Rubro: define el color sugerido y el estilo base. Cambiarlo no cambia ninguna función de tu academia.
• Color de marca: tiñe los botones, los enlaces, las etiquetas y la barra superior. Los fondos, los textos y los contrastes se calculan solos, así nunca queda texto ilegible.

Los colores de éxito, de alerta y el borde que marca dónde está el cursor son fijos, por accesibilidad. Si probaste un color y no te convence, tocá “Volver al color del rubro”.

03

Logo y favicon

• Logo: aparece en la barra superior y en el pie. Conviene un PNG con fondo transparente. Hasta 10 MB.
• Favicon: el ícono de la pestaña del navegador. Tiene que ser cuadrado, de 32 × 32 px o más. Hasta 10 MB.

04

Estilo de los elementos

Cinco opciones que cambian la forma de botones, tarjetas y campos. Cada una tiene una muestra al lado.

• Bordes: Rectos, Suaves, Redondeados o Píldora.
• Sombras: Sin sombra, Suave, Media o Intensa.
• Relieve: Plano o 3D suave.
• Botones: Sólido, Contorno o Suave.
• Espaciado: Compacto, Normal o Amplio. Cambia el aire entre elementos y el tamaño de los controles.

05

Tipografía

Elegís tres letras por separado: la de los títulos principales (banner y títulos de sección), la de los subtítulos y la del texto común (párrafos, formularios y tablas). Para el texto común conviene una fácil de leer.

Hay once fuentes para elegir, como Playfair Display, Montserrat, Poppins o Inter. “Según el rubro” usa la del estilo de tu academia.

El tamaño del texto (Compacto, Normal o Grande) afecta a todo el sitio.

06

Pie de página

Elegís qué se muestra al final de cada página: Enlaces, Contacto, Redes y Medios de pago. Encendés o apagás cada uno.

07

Banner de la portada

Es lo primero que ve quien entra a tu academia. Podés usar cualquier diseño del catálogo, sin importar tu rubro: las miniaturas ya usan tu título, tus colores y tus tipografías.

1. Elegí un diseño de la lista.
2. Tocá “Personalizar” para ajustar sus colores y adornos.
3. Si el diseño tiene collage, podés subir hasta tres imágenes (JPG, PNG o WebP de hasta 10 MB). Se abren en grande cuando alguien las toca.
4. Usá “Ver en grande” para revisarlo antes de guardar.

08

Botones del banner

Definen qué invita a hacer tu portada a quien entra por primera vez.

• Explorar primero: “Ver cursos” lleva al catálogo e “Ingresar” queda como enlace. Registrarse sigue disponible al final de la portada. Es lo recomendado si la mayoría entra desde el celular.
• Registrarse primero: muestra los botones “Registrarme” e “Ingresar”.
• Segundo botón (opcional): por ejemplo “Conocé mis obras”. Elegís a qué sección lleva. Si lo dejás vacío no se muestra, y si esa sección no está en tu portada, el botón tampoco.