01 — Your details
The website and logo fields are managed centrally — hosted on hummingbirdworks.ai — so every signature points at the same live files.
02 — Live preview
Nothing to configure for dark mode. The hosted logo carries a subtle white outline baked into the image, so the mark stays visible whether your recipient reads in light or dark mode — in Outlook on Windows, Outlook for iPhone, Gmail, or anywhere else. One logo, one output.
 |
| Big Bird Mop Grabber |
| please use your current correct email | +1 (555) 555-5555 |
| ◉ hummingbirdworks.ai |
AI Native | Frontier Focused | Outcome Obsessed |
Use Copy signature for Outlook or Gmail. Copy HTML gives you the raw code — for an admin console, a signature manager, or anywhere that asks for code instead of a formatted paste.
The logo is hosted on hummingbirdworks.ai and stays live, so it loads for everyone. What not to do: don't save the logo and attach it (it shows as a paperclip), don't swap in a Google Drive or Dropbox link (those break on forward), and don't screenshot the signature (links stop working and it blurs).
View source
<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45;color:#111111;"> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><a href="https://hummingbirdworks.ai" style="text-decoration:none;"><img src="https://brand.hummingbirdworks.ai/brand/signature-logo-glow-v4.png" alt="Hummingbird" width="180" height="88" style="display:block;border:0;outline:none;width:180px;height:auto;" /></a></td></tr> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><div style="height:14px;line-height:14px;font-size:0;"> </div></td></tr> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><span style="font-size:15px;font-weight:700;letter-spacing:-0.01em;color:#111111;">Big Bird</span><br /><span style="font-size:13px;color:#5b5b5b;">Mop Grabber</span></td></tr> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><div style="height:10px;line-height:10px;font-size:0;"> </div></td></tr> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><span style="font-size:13px;"><a href="mailto:please use your current correct email" style="color:#111111;text-decoration:none;">please use your current correct email</a><span style="color:#c9c9c9;"> | </span><a href="tel:+15555555555" style="color:#111111;text-decoration:none;">+1 (555) 555-5555</a></span></td></tr> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><span style="font-size:13px;"><span style="color:#8a8a8a;font-size:12px;">◉</span> <a href="https://hummingbirdworks.ai" style="color:#111111;text-decoration:none;font-weight:600;">hummingbirdworks.ai</a></span></td></tr> <tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><div style="height:12px;line-height:12px;font-size:0;"> </div><div style="border-top:1px solid #e6e6e6;padding-top:10px;font-size:12px;color:#8a8a8a;letter-spacing:0.01em;">AI Native | Frontier Focused | Outcome Obsessed</div></td></tr> </table>
03 — Reply signature
One line, no logo — for replies and long threads. Name | Email | Phone.
| Big Bird | please use your current correct email | +1 (555) 555-5555 |
View source
<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"><tr><td style="padding:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45;color:#111111;white-space:nowrap;"><span style="font-weight:700;color:#111111;">Big Bird</span><span style="color:#c9c9c9;"> | </span><a href="mailto:please use your current correct email" style="color:#111111;text-decoration:none;">please use your current correct email</a><span style="color:#c9c9c9;"> | </span><a href="tel:+15555555555" style="color:#111111;text-decoration:none;">+1 (555) 555-5555</a></td></tr></table>
04 — How the sausage is madeOptional background: the layout, logo specs, and hosting.
Why this layout
- Single column, table-based. Outlook renders email with the Word engine — flexbox, grid, and background images are ignored. Nested tables with inline styles are the only reliable structure.
- Text links, not icons. Social icon strips break in dark mode and image-blocking clients. Plain text stays legible and survives forwarding.
- One accent rule. A single hairline above the tagline is the only ornament — structure, not decoration.
Logo export specs
- Halo baked into the PNG. Dark-mode clients repaint backgrounds and text but never touch image pixels — so the protection has to live inside the file. A soft white feather around the mark is invisible on white and keeps it readable on dark. No plate, no CSS swap, no
<style>block for Outlook to strip. - 2× PNG-24, displayed at 1×. Master at 360 × 160 px and set
width="180"so it stays crisp on high-resolution screens. SVG isn't supported in Outlook. - Keep it light. Run it through a lossless compressor — heavy signatures slow every thread.
- Explicit width and height. Stops Outlook drawing the logo at native size before images load.
- Always include alt text. With images blocked, “Hummingbird” still reads as the brand.
Where the logo lives
- On our own domain. The export is served from
https://brand.hummingbirdworks.ai/brand/over HTTPS. Same-domain assets earn trust from spam filters and stay under our control. - Versioned filenames.
signature-logo-glow-v4.png— never overwrite a live file. Signatures sit in thousands of archived threads, so old URLs have to keep resolving. - Never Drive, Dropbox, or an attachment. Those require auth, redirect, expire, or arrive as a paperclip — and render as broken images.
- HTTPS only. Mixed content is silently stripped by most clients.