Diseño de firmas de correo: guía práctica
Crea una firma reconocible sin recargar tus mensajes. Aprende a combinar tipografía, color, espaciado y jerarquía visual.
Establece una jerarquía visual clara
Tu nombre debe ser el elemento más grande y destacado. El cargo viene después en un tamaño menor. Los datos de contacto son los más pequeños. Esta jerarquía de tres niveles guía la vista del lector naturalmente.
Elige la tipografía correcta
Usa una fuente sans-serif segura para web (Arial, Helvetica, Verdana) para máxima compatibilidad. Nombre a 14-16px negrita, cargo a 12-13px, y detalles a 11-12px. Nunca uses más de dos fuentes.
Usa el color con propósito
Elige un color de marca para acentos — tu nombre, una línea divisoria o fondos de iconos. Mantén el texto del cuerpo en gris oscuro (#333) sobre blanco. Evita colores neón y degradados.
Diseña en columna única para móvil
Muchos correos se leen en el móvil. Un diseño de una sola columna se adapta mejor a distintos tamaños de pantalla; los elementos colocados en paralelo deben apilarse en pantallas estrechas.
Optimiza las imágenes para correo
Mantén el tamaño total de la firma por debajo de 50KB. Comprime fotos a 72dpi, usa PNG para logos con transparencia, y siempre establece atributos de ancho y alto explícitos.
Usa un separador para crear espacio
Una línea horizontal fina o barra vertical entre tu foto y texto previene el desorden visual. Usa gris claro (#E0E0E0) o tu color de marca a 1-2px de grosor.
Preguntas frecuentes
¿Qué colores funcionan mejor en firmas de correo? +
Azul marino (#1a365d), verde azulado oscuro (#0d9488) y gris carbón (#374151) son opciones seguras y profesionales. Tienen buen contraste sobre fondos blancos.
¿Puedo usar fuentes personalizadas en mi firma? +
Las fuentes web personalizadas no funcionan de forma fiable en todos los clientes de correo. Outlook puede sustituirlas. Usa fuentes seguras como Arial, Helvetica o Georgia.
¿Qué ancho debe tener una firma de correo? +
Procura que no supere los 600 píxeles de ancho y comprueba que se adapte a la pantalla del móvil. Nuestras plantillas tienen un ancho máximo de 500 píxeles.
¿Debo usar diseño basado en tablas o divs? +
Usa tablas HTML para las firmas de correo. Outlook y otros clientes no admiten de forma uniforme CSS moderno como flexbox o grid; las tablas ofrecen resultados más consistentes.
¿Cómo hago que mi firma se vea bien en modo oscuro? +
Usa PNGs transparentes para logos, evita fondos blancos puros (#FFFFFF), y asegura suficiente contraste del texto para fondos claros y oscuros.
¿Qué formato de imagen debo usar para el logo? +
PNG es una opción segura porque admite transparencia y tiene una compatibilidad amplia. Evita SVG si necesitas máxima compatibilidad y mantén los archivos ligeros.
Diseña tu firma ahora
Elige una plantilla, ajusta los colores y obtén una firma lista para copiar.
Diseñar mi firma