Tema, teléfonos y modo oscuro

El aspecto de un correo viene de su tema, así que un cambio en un solo lugar cambia el estilo de cada bloque que lo usa. Esta página explica el tema, tu kit de marca y tus fuentes, cómo cambia el correo en un teléfono y el modo oscuro.

El tema

Abre el panel Tema desde la barra izquierda. Sus secciones:

• Colores: marca, acento (texto sobre la marca), texto, texto atenuado, fondo y fondo de tarjeta. El campo de color de un bloque puede apuntar a uno de estos en vez de a su propio color, y así cambia cuando cambia el tema.
• Tipografía: la fuente del correo, y un tamaño, peso, interlineado, espaciado entre letras y tamaño en teléfono para Título 1–4, Cuerpo y Pequeño. Los títulos usan estos tamaños, y también los bloques de texto que no fijan los suyos.
• Botones: tres estilos, Principal, Secundario y Contorno, cada uno con su fondo, texto, borde, esquinas y relleno. Un botón elige su estilo y puede fijar aun así sus propios colores.
• Enlaces: color de los enlaces y si van subrayados.
• Diseño: fondo de la página, ancho del correo (560–720 px en escritorio; en teléfonos el correo siempre se ajusta a la pantalla), relleno y esquinas de la tarjeta, separación entre bloques y dirección del texto.
• Modo oscuro: consulta más abajo.

Los correos sin tema se ven como siempre: cada valor predeterminado es el aspecto anterior.

Kit de marca

Configura tu kit de marca una vez en Configuración › Kit de marca: logotipos (claro y oscuro), colores, fuentes, estilos de botón, enlaces sociales y los datos de tu pie de página, incluida la dirección postal que muchos países exigen en el correo de marketing. Importar desde tu sitio web lee tu página de inicio para buscar un logotipo, colores, fuentes y enlaces sociales, y tú eliges qué conservar.

Los correos nuevos parten del kit. Aplicar kit de marca en el panel Tema lo copia en un correo existente (Deshacer devuelve lo que había), y las secciones de encabezado y pie de página leen el logotipo, los enlaces y la dirección del kit. Mia AI escribe con el aspecto de tu kit y tu voz de marca.

Fuentes

Cada selector de fuentes muestra Fuentes seguras para web, una selección de Google Fonts y Tus fuentes: archivos WOFF2 que ha subido tu cuenta (hasta 20 fuentes, cada archivo de hasta 2 MB). Cada fuente web tiene una fuente segura para web de respaldo, y el selector indica qué apps de correo muestran la fuente web y cuáles la de respaldo. Consulta Soporte de clientes de correo para la lista completa.

Ajustes para teléfonos

El correo se adapta solo a la pantalla de un teléfono: las columnas se apilan, las imágenes se ajustan y se aplican los tamaños para teléfono de la escala tipográfica. Además, cada bloque se puede ajustar para teléfonos en la sección Móvil del Inspector:

• Mostrar en: Todas las pantallas, Solo teléfonos o Solo escritorio.
• Relleno en teléfonos, Tamaño de fuente en teléfonos (texto, títulos, listas y botones) y Alineación en teléfonos. Si lo dejas en Igual que en escritorio, el bloque conserva su valor de escritorio.
• Las columnas eligen si se apilan en teléfonos, se apilan en orden inverso o se quedan una al lado de otra con un ancho en teléfono por columna.

Los ajustes para teléfonos se aplican en pantallas de hasta 620 px de ancho. Outlook clásico y otras apps de escritorio mantienen el diseño de escritorio. Cambia el lienzo a Móvil para verlos; mientras esté activo, los cambios de relleno, tamaño de fuente y alineación en el Inspector se aplican solo a teléfonos.

Modo oscuro

El Modo oscuro del panel Tema tiene tres ajustes:

• Auto: las apps en modo oscuro cambian el color del texto neutro y de los fondos blancos por colores oscuros estándar. Los colores de marca se quedan como se diseñaron.
• Personalizado: el mismo cambio de color con tu propia paleta oscura (texto, texto atenuado, fondo de tarjeta, fondo de página, enlaces), derivada de tus colores claros y editable. Cada bloque también puede fijar Texto en modo oscuro y Fondo en modo oscuro, y una imagen puede cambiar a una versión para modo oscuro.
• Desactivado: no se envía ningún estilo de modo oscuro. Apple Mail y Outlook muestran el correo como se diseñó, aunque las apps de Gmail aún pueden invertirlo.

Solo algunas apps aplican tus propios colores oscuros; otras cambian el color del correo por su cuenta. La vista previa Clientes muestra el modo oscuro de cada app tal como se midió.

Mostrar en: interactivo o alternativa

Cada bloque tiene un ajuste Mostrar en: Todas las apps, Solo donde funciona el correo interactivo o Solo donde se muestra la alternativa. Usa un bloque de texto solo para la alternativa con frases como «Vota en la web», que solo tienen sentido donde un bloque se sustituye por su alternativa, o una pista solo interactiva como «Toca una tarjeta para darle la vuelta». El lienzo marca con un contorno los bloques ocultos en la versión que estás previsualizando.