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

SignatureFox

Superhuman Email Signature Generator

Your Superhuman signature breaks on mobile. Get pixel-perfect HTML that works everywhere.

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 StylesEssential in Superhuman. External stylesheets don't load; all formatting must be inline.
HTML Table LayoutsSuperhuman handles table-based designs well. Nested tables work but add rendering weight.
Base64 Embedded ImagesCritical for Superhuman. External image links break in compose windows; base64 embeds never fail.
CSS Media QueriesSuperhuman strips media queries. Mobile responsiveness requires fluid widths and no breakpoints.
Web Safe FontsArial, Helvetica, Georgia render consistently. Custom @font-face rules fail silently.
Mobile RenderingWorks, but signatures must fit 280–320px widths. Fixed-width designs get cut off.
Hyperlinks & Click TrackingSuperhuman preserves all href attributes and UTM parameters in outbound links.
Transparency & PNG SupportPNG transparency renders correctly when base64-encoded. GIF animations do not play.

Why Your Current Signature Breaks in Superhuman's Compose Window

Superhuman's architecture treats email composition differently than Gmail or Outlook. When you write a message, Superhuman embeds your signature into a constrained viewport—often just 45% of your screen if you're using the split-pane layout. This narrow space triggers a cascade of rendering failures. Fixed-width tables that look perfect at 600px collapse and wrap. Padding and margin values calculated for full-width displays suddenly compress. External image URLs fail entirely because Superhuman's compose window runs in an isolated sandbox without external HTTP requests. Even worse, Superhuman's rendering engine processes HTML line-by-line, meaning deeply nested divs or complex CSS Grid structures get flattened into broken layouts. The signature you pasted from another tool probably used CSS classes or external stylesheets—both invisible in Superhuman's composer. What actually works: flat table structures with inline styles, base64-encoded images, and width constraints set to 280–320px maximum. Your signature also needs generous padding around text. Superhuman compresses whitespace aggressively, so a signature that feels spacious in Outlook appears cramped in Superhuman unless you explicitly add padding to every cell. The final gotcha? Superhuman doesn't support CSS float or position: absolute. Your logo must sit in a table cell, not floated beside text. SignatureFox handles all these constraints automatically, testing every HTML signature in Superhuman's actual rendering engine before delivery.

💡 Pro Tip

Set your signature table width to 300px max and use fixed-width table cells for logos. Superhuman collapses percentage-based widths in narrow compose panes; pixels stay locked in place.

Installing Your Signature in Superhuman: Step-by-Step

Superhuman doesn't have a traditional signature settings panel like Gmail. Instead, you paste your HTML directly into Superhuman's compose field using a specific workflow. First, you'll need your HTML file from SignatureFox—either open it in a text editor or view it in a browser, then copy the entire code block. Superhuman will automatically render the HTML when you paste it into a compose draft. The trick is pasting into the right location: use Superhuman's keyboard shortcut to reveal the signature insertion menu (Cmd+Shift+S on Mac, Ctrl+Shift+S on Windows). Before you paste, save your HTML file somewhere accessible—Google Drive, Dropbox, or your computer. Superhuman doesn't store signature templates natively, so you'll paste fresh HTML each time, or use Superhuman's saved drafts feature to store pre-composed message blocks with your signature baked in. For power users managing multiple signatures (client-facing vs. internal, different job titles), create a folder with your signature HTML files and copy-paste whichever version you need. Test your first signature on a draft email before sending to external contacts. Open the draft, paste the HTML, and check alignment, spacing, and image rendering in both desktop and mobile preview modes. If anything looks off, it's usually a width or padding issue—copy your HTML back into SignatureFox's edit feature (available for $4.99) and adjust dimensions on the fly.

How to Install Your Signature

1Download your SignatureFox HTML file and open it in a text editor or browser.
2Copy the entire HTML code block (Ctrl+A or Cmd+A, then Ctrl+C or Cmd+C).
3Open Superhuman and start composing a new draft email.
4Press Cmd+Shift+S (Mac) or Ctrl+Shift+S (Windows) to open Superhuman's signature insertion menu.
5Paste your HTML code into the signature field. Superhuman will render it automatically.
6Preview your signature in both desktop and mobile views, then test sending to yourself before client emails.

Frequently Asked Questions

Related Resources

Get a Superhuman-optimized signature for $9.99—no monthly fees, lifetime use.

One-time $9.99. No subscription. Delivered to your inbox instantly.

Create My Signature — $9.99

🔒 Secure checkout via Stripe · Instant delivery