Cambiar los colores, las fuentes y el diseño de tu estudio

Qué cambia el tema

El tema define cómo ven los alumnos tu estudio: el horario, las páginas de reserva, el widget de reservas en tu sitio web, los correos, y el pago y los recibos de Stripe donde Stripe lo permite. La administración mantiene su propio estilo.

El tema y los diseños están en todos los planes, incluido Free. El propietario y los administradores pueden abrir Tema: abre Configuración (el engranaje al final del menú) y, en Lo que ven los alumnos, elige Tema.

Editar el tema

1. Abre Tema en Configuración.
2. En Colores, elige un Conjunto de colores (Claro u Oscuro) y define cada color: Página, Tarjetas, Texto, Botones y enlaces, Texto de los botones, Acento y los demás. Define los dos conjuntos.
3. En Los alumnos ven, elige Según su dispositivo, Siempre claro o Siempre oscuro.
4. En Tipografía, elige las fuentes de Títulos y Texto del cuerpo, y luego el Tamaño del texto y el Grosor de los títulos. Desde Growth, Tus propias fuentes te permite subir una fuente para la que tienes licencia.
5. En Forma y espaciado, elige Esquinas, Botones (Relleno, Tono suave, Contorno o Píldora) y Espaciado.
6. En Diseños, elige cómo se muestra el Horario: Lista por día o Cuadrícula semanal. Más diseños llegarán después.
7. Mira la Vista previa en Celular y Computadora, y cámbiala entre Horario y Precios. Es la página real de tus alumnos con tus cambios, en modo claro y oscuro; los enlaces y botones no hacen nada ahí. Elige Guardar borrador para conservar tu trabajo.

Fuentes

Títulos define la fuente de los títulos, como el nombre de las clases. Texto del cuerpo define la fuente de todo lo demás que leen los alumnos. Cada uno tiene un selector de fuentes, agrupado por estilo, con cada nombre escrito en su propia fuente, y los dos ofrecen la misma lista completa:

• Fuente del dispositivo: la fuente propia del celular o de la computadora.
• Suaves y amigables: Fraunces, Caprasimo, Young Serif y Corben.
• Títulos elegantes: Playfair Display, Instrument Serif, Cormorant Garamond, DM Serif Display y Marcellus.
• Con serifa: Lora, EB Garamond, Source Serif 4, Crimson Pro y Literata.
• Sin serifa: Inter, Poppins, DM Sans, Manrope, Archivo, Jost, Outfit, Figtree, Plus Jakarta Sans, Work Sans, Raleway, Josefin Sans, Mulish y Karla.
• Redondeadas: Nunito, Quicksand, Comfortaa y Varela Round.

Son 32 fuentes, todas con licencia abierta y servidas por el propio elastudio, así que los dispositivos de los alumnos nunca las descargan de otra empresa. Suaves y amigables y Títulos elegantes se leen mejor en tamaños grandes, así que para el texto del cuerpo suele funcionar mejor una fuente simple y clara. Algunas fuentes tienen un solo grosor, así que el Grosor de los títulos se queda dentro de lo que ofrece la fuente. La muestra debajo de los selectores enseña lo que elegiste.

Roca One no está en la lista: su licencia cubre un solo sitio web, así que no se puede compartir con todos los estudios. Fraunces, en su estilo suave, es la más parecida. Si tu estudio tiene su propia licencia web de Roca One o de otra fuente, puedes subirla desde el plan Growth: consulta “Usar tu propia fuente”.

Agregar tu logo y tus íconos

1. En Tema, abre Logo e íconos.
2. Elige Subir junto a Logo sobre fondos claros, Logo sobre fondos oscuros, Ícono del navegador y de la pantalla de inicio o Imagen para enlaces compartidos. Usa Reemplazar para cambiar un archivo y Quitar para borrarlo.
3. Elige Guardar borrador y luego publica. Los alumnos ven los archivos nuevos solo después de que publicas.

• Logos: PNG, JPEG o WebP, hasta 2 MB. No se acepta SVG. Lo ideal es que sea ancho, de unos 400 por 120 píxeles.
• Ícono: un PNG cuadrado de al menos 512 por 512 píxeles. Sin él, los alumnos ven las iniciales de tu estudio.
• Imagen para enlaces compartidos: PNG, JPEG o WebP, de unos 1200 por 630 píxeles, hasta 5 MB.

Publicar

1. Revisa la Legibilidad. Cada par de texto y fondo tiene que leerse bien en modo claro y oscuro. Si un par es demasiado difícil de leer, no se puede publicar y el par aparece en la lista para que lo corrijas.
2. Elige Publicar, agrega una Nota para el historial si quieres, y confirma.

Los alumnos ven el nuevo estilo la próxima vez que cargan la página, en tus páginas y en el widget de reservas.

Volver a una versión anterior

Abre Historial, busca una versión anterior y elige Restaurar. La versión actual queda en el historial y tu borrador se conserva. Solo el propietario puede restaurar una versión.

Tu marca en todas partes

Los alumnos ven el nombre, los colores y el logo de tu estudio en cada página y cada correo. elastudio aparece solo como su pequeño logo en el pie de página. Tu marca en páginas, correos y recibos está en todos los planes, incluido Free.