Professional email signatures  ·  One-time $9.99  ·  No subscription ever

SignatureFox

Hey Email Signature Generator

Your HTML signature keeps breaking in Hey. Get a design that actually renders without code conflicts.

GmailOutlookApple MailOne-time $9.99No subscription

Free Preview

Build Your Signature

Live preview instantly · Pay $9.99 only when you download · No account needed

Open Generator

Compatibility Overview

FeatureSupportNotes
Inline CSS stylesHey supports basic inline styles like color, font-size, and padding. Avoid CSS shorthand properties—use longhand instead.
Table-based layoutTables render reliably in Hey. Use border-collapse and cellpadding attributes for consistent spacing across devices.
External imagesHey blocks linked images. Embed all logos and headshots as base64 to prevent broken image icons.
Base64 embedded imagesBase64-encoded images display correctly. Keep file sizes under 100KB to avoid rendering delays.
Web fontsHey doesn't load @font-face declarations. Stick to system fonts: Arial, Verdana, Georgia, or Courier.
Background colors and gradientsSolid background colors work on table cells. Gradients and background images are stripped by Hey's parser.
Mobile responsive designHey respects media queries but test on actual devices. Stack-based layouts work better than fluid designs.
Vendor prefixes and CSS3Hey 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

1Download your HTML signature file from the SignatureFox email confirmation. Open it in any text editor (Notepad, VS Code, or your browser).
2Log in to Hey and navigate to Settings in the top-right menu. Select 'Email signature' from the account options.
3Copy the entire HTML code from your SignatureFox file (Ctrl+A, then Ctrl+C on Windows; Cmd+A, Cmd+C on Mac).
4Paste the HTML into Hey's signature text field. Ignore any formatting warnings—Hey will re-parse the code automatically.
5Preview your signature in Hey's live editor. Verify that your logo, headshot, and contact details display correctly. All images should appear without broken icons.
6Click 'Save signature' and test by composing a new email. Send a test message to yourself or a colleague to confirm rendering on the recipient side.

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