Sigcraft

Animated email signatures with geometric photo effects

Your Name

to me

Your Name

Your Title

Your Company

(555) 123-4567

you@example.com

Paste into signature settings, not a draft:

Gmail: Settings → See all settings → Signature → Ctrl+V / Cmd+V

Outlook: Settings → Mail → Compose → Email signature → paste

The signature will render as rich content when applied to new emails.

View HTML source
<table cellpadding="0" cellspacing="0" border="0" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#333333;max-width:560px;border-collapse:collapse;">
  <tr>
    <td style="vertical-align:middle;padding:10px 10px 10px 4px;width:40px;">
      
    </td>
    <td style="width:1px;background-color:#e5e5e5;">
      <div style="width:1px;min-height:90px;font-size:0;line-height:0;">&nbsp;</div>
    </td>
    <td style="vertical-align:middle;padding:10px 14px;">
      <table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
        
        <tr><td style="font-size:14px;font-weight:700;color:#000000;padding-bottom:1px;white-space:nowrap;">Your Name <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNyIgZmlsbD0iIzRBOTBEOSIvPjxwYXRoIGQ9Ik00LjUgN0w2LjIgOC43TDkuNSA1LjMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=" width="14" height="14" style="vertical-align:middle;margin-left:4px;" /></td></tr>
        <tr><td style="font-size:11px;color:#999;padding-bottom:7px;">Your Title</td></tr>
        <tr><td style="font-size:11px;font-weight:700;color:#000000;padding-bottom:1px;">Your Company</td></tr>
        <tr><td style="font-size:11px;color:#4A90D9;padding-bottom:1px;">(555) 123-4567</td></tr>
        <tr><td style="font-size:11px;"><a href="mailto:you@example.com" style="color:#4A90D9;text-decoration:none;">you@example.com</a></td></tr>
      </table>
    </td>
    <td style="vertical-align:middle;padding:6px 4px 6px 0;">
      
    </td>
  </tr>
</table>