Diseño de Firma de Email — Guía Completa
Un buen diseño hace que tu firma sea memorable sin ser distractora. Aprende los principios de tipografía, color y diseño que siguen las mejores marcas.
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
Más del 60% de los emails se leen en móvil. Un diseño de columna única funciona en cada tamaño de pantalla. Los diseños lado a lado deben apilarse verticalmente en pantallas estrechas.
Optimiza las imágenes para email
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 email?+
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 son compatibles de forma confiable en clientes de email. Outlook las ignora completamente. Usa fuentes seguras para web (Arial, Helvetica, Georgia).
¿Qué ancho debe tener una firma de email?+
Mantenla por debajo de 600px de ancho — es el ancho estándar de contenido de email. En móvil debe adaptarse a la pantalla. Nuestras plantillas están diseñadas a 500px máximo.
¿Debo usar diseño basado en tablas o divs?+
Siempre usa tablas HTML para firmas de email. Outlook y muchos clientes no soportan CSS moderno (flexbox, grid). Las tablas se renderizan consistentemente.
¿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 la opción más segura — soporta transparencia y se muestra universalmente. Evita SVG (poco soporte en email) y GIFs animados. Mantén archivos por debajo de 30KB.
Diseña tu firma ahora
Elige una plantilla, selecciona tus colores y obtén una firma perfectamente codificada en segundos.
Empezar a Diseñar