SignatureFox
Hey Email Signature Generator
Your HTML signature keeps breaking in Hey. Get a design that actually renders without code conflicts.
Free Preview
Build Your Signature
Live preview instantly · Pay $9.99 only when you download · No account needed
Open GeneratorCompatibility Overview
| Feature | Support | Notes |
|---|---|---|
| Inline CSS styles | ✓ | Hey supports basic inline styles like color, font-size, and padding. Avoid CSS shorthand properties—use longhand instead. |
| Table-based layout | ✓ | Tables render reliably in Hey. Use border-collapse and cellpadding attributes for consistent spacing across devices. |
| External images | ✗ | Hey blocks linked images. Embed all logos and headshots as base64 to prevent broken image icons. |
| Base64 embedded images | ✓ | Base64-encoded images display correctly. Keep file sizes under 100KB to avoid rendering delays. |
| Web fonts | ✗ | Hey doesn't load @font-face declarations. Stick to system fonts: Arial, Verdana, Georgia, or Courier. |
| Background colors and gradients | ✓ | Solid background colors work on table cells. Gradients and background images are stripped by Hey's parser. |
| Mobile responsive design | ✓ | Hey respects media queries but test on actual devices. Stack-based layouts work better than fluid designs. |
| Vendor prefixes and CSS3 | ✗ | Hey removes -webkit, -moz, and -ms prefixes. Avoid box-shadow, border-radius, and transform properties. |
Why Your HTML Signature Breaks in Hey's Sandbox
Hey runs email through a security sandbox that whitelist-filters CSS properties. This means your signature doesn't fail everywhere—it fails specifically in Hey, while looking perfect in your Gmail draft. The culprit is Hey's aggressive content policy. It strips any CSS property it doesn't explicitly allow. Border-radius disappears. Box-shadow vanishes. Text-decoration gets removed. Even margin-bottom sometimes fails because Hey prioritizes security over rendering flexibility. Table borders render, but only if you use the border HTML attribute directly—not the CSS border property. Width and height attributes work; max-width doesn't. Your signature needs to use Hey's approved property list: color, font-family, font-size, font-weight, font-style, text-align, padding, margin (sometimes), and line-height. External font imports never load because Hey blocks all @import statements and link tags in signature content. Background images linked from CDNs won't display—Hey sees them as potential tracking pixels and blocks them preemptively. The solution isn't fighting Hey's rules. It's designing signatures that work within them. Tables with inline styles, base64 images, and system fonts create signatures that display identically in Hey, Gmail, Outlook, and Apple Mail without compromise.
💡 Pro Tip
Use Hey's privacy feature to your advantage. Since Hey doesn't load external images, embed your logo as base64 and you eliminate tracking concerns—a selling point if clients ask about image blocking.
Installing Your Signature in Hey: A Step-by-Step Process
Hey's signature setup lives in Settings, but the interface differs from Gmail or Outlook. You can't paste raw HTML directly into the signature field. Hey converts everything to its own internal format, stripping unsupported code in the process. This is actually helpful—it forces you to test your signature against Hey's actual rendering engine before it reaches your recipients. Your SignatureFox HTML file contains table-based code that survives Hey's filtering. When you install it, Hey re-parses your HTML and outputs what it can support. No watermarks, no external dependencies, no broken images. The HTML file you receive is already optimized for Hey's constraints. You simply copy the code, paste it into Hey's signature editor, and let the system handle the rest. Hey's editor provides a live preview, so you'll see exactly how your signature renders in the sandbox. If elements disappear, it means they weren't on Hey's whitelist—but SignatureFox designs around those limitations from the start. Your headshot, logo, name, title, phone, email, and social links all embed as base64 to guarantee display. Social icons work as styled text links rather than image assets. This keeps file sizes small and prevents broken icon displays.
How to Install Your Signature
Frequently Asked Questions
Related Resources
Get a Hey-certified HTML signature that renders perfectly—no edits, no broken images, no surprise formatting failures.
One-time $9.99. No subscription. Delivered to your inbox instantly.
Create My Signature — $9.99🔒 Secure checkout via Stripe · Instant delivery