← Pivotal-Hub pivotalpath.co.uk ↗
Office · Email

Email Signature Generator

Fill in a form, get a proper HTML email signature — five layouts, your colours, table-based markup that survives Outlook. Copy it straight into Gmail, Outlook, Apple Mail or Thunderbird. It all happens in this tab; nothing is uploaded and nothing is saved.

When would I use this?

You have a new job, a new company, or a signature that is three different fonts and a broken image. The generators that come up first want your email address before they will show you the result, and then they host the logo on their server — which quietly tells them every time one of your emails is opened. Type it in here instead: your details, a layout, your colours. You get a live preview and markup you can paste straight into Gmail or Outlook.

Everything happens in this tab. Your picture is read by the browser and turned into a data: URI locally — it is never uploaded, and there is no image on our server for anyone to count hits on. Nothing is remembered between visits either, so save the file or paste the signature into your mail client before you close this page.

01 Your details

Who you are

How to reach you

Type it however you like — example.co.uk becomes https://example.co.uk. Anything that is not http, https, mailto or tel is dropped.

Social links — a handle or a full link, either is fine

A bare handle is turned into the right profile address for that platform. A full https:// link is left exactly as you typed it, so an unusual profile URL still works.

Picture or logo — optional

Where the picture comes from
Choose a picture, or drag one here
PNG · JPG · WebP · GIF · SVG  ·  up to 4 MB

Displayed width

The picture is redrawn at twice this width so it stays crisp on a high-resolution screen, then told to display at the width you picked.

Shape

A circle is a rounded corner in CSS. Outlook on Windows ignores border-radius, so it will show your picture square there. Everywhere else it rounds.

Data URI or hosted link — the honest trade-off

A picture from this computer is embedded in the signature as a data: URI. Nothing is uploaded and nobody learns when your mail is read — but Gmail’s web composer strips data: images when you paste, and Outlook desktop often shows them as an attachment rather than inline. It works well in Apple Mail, Thunderbird and Outlook’s newer clients.

A hosted link works in every client, including Gmail — but every time somebody opens your email their mail client asks that server for the image, which tells whoever runs it that the message was opened, from roughly where. If the picture lives on your own company’s server that is usually fine; if it lives on a free signature host, they are the ones counting.

Extra lines — optional

Nothing typed here leaves this tab.

02 Style & layout

Layout

Colour

Pale grey on white is fashionable and hard to read. There is a contrast checker on the hub if you want to test a pairing.

Type

Web-safe stacks only. A Google font would need a request to Google from inside your reader’s mail client, which most clients block outright — so the font would silently fall back anyway, and the ones that allowed it would be telling Google who read your email.

Separator between inline items
Social links

There are no icon images here on purpose: an icon is a network request, which is a read receipt. Badges are coloured letters made of text, so they cost nothing and cannot be tracked — though Outlook on Windows will render them as plain squares of colour.

Show or hide

03 Preview & export

Thanks — that all sounds good. I’ll send the notes over tomorrow.

Some clients — Outlook on Windows and Gmail on Android among them — force their own dark mode and will invert or re-tint your colours whatever you ask for. Check both, and prefer colours that survive being flipped.

Copy signature puts the formatted signature on your clipboard — paste it into Gmail’s signature box or Apple Mail and it arrives laid out. Copy HTML source gives you the raw markup for an “edit HTML” box. Download .htm writes a file you can drop into Outlook’s signature folder on Windows: %appdata%\Microsoft\Signatures.

See the exact markup that gets copied

Table-based, inline styles, no stylesheet and no classes — which is what mail clients from 2003 still need. Every value you typed is escaped before it goes in.


            

          


          
Putting it in your mail client


          

            Gmail (web)
            

              
    
                
  1. Press Copy signature above.
    2. 
                
  2. In Gmail: Settings (the cog) → See all settings → General, then scroll to Signature.
    3. 
                
  3. Create a signature if you have none, click into the box and paste with Ctrl+V (Cmd+V on a Mac).
    4. 
                
  4. Scroll to the bottom and press Save Changes. Gmail does not save until you do.
    5. 
              

              
If your picture disappears: that is Gmail refusing an embedded data: image. Switch the picture to a hosted link above, or use the signature without one.

            

          


          

            Outlook — new Outlook & the web
            

              
    
                
  1. Press Copy signature.
    2. 
                
  2. Settings (the cog) → Mail → Compose and reply.
    3. 
                
  3. Under Email signature, name it, click into the editor and paste.
    4. 
                
  4. Tick whether it should go on new messages and on replies, then Save.
    5. 
              

            

          


          

            Outlook — classic desktop on Windows
            

              
Two ways. Pasting is quicker; the file is more faithful, because Outlook’s editor rewrites markup it does not like.

              
    
                
  1. Paste: File → Options → Mail → Signatures…, make a new signature, click in the edit box and paste.
    2. 
                
  2. Or the file: press Download .htm, then open %appdata%\Microsoft\Signatures in File Explorer (paste that into the address bar). Rename the downloaded file to match the signature name you want, e.g. Work.htm, and drop it in. Restart Outlook.
    3. 
              

              
Classic Outlook renders mail with Microsoft Word, which is why this tool uses tables and inline styles rather than modern CSS. Rounded corners and letter badges will look square there; everything else holds.

            

          


          

            Apple Mail (macOS)
            

              
    
                
  1. In Mail: Mail → Settings → Signatures.
    2. 
                
  2. Pick the account on the left, press +, then select everything in the placeholder text and paste over it.
    3. 
                
  3. Untick Always match my default message font, or Apple Mail will flatten your fonts and colours.
    4. 
              

              
Apple Mail keeps embedded data: pictures, so a locally-embedded logo works here.

            

          


          

            Thunderbird
            

              
    
                
  1. Press Download .htm and save the file somewhere you will not delete it.
    2. 
                
  2. Account Settings → pick your account → tick Attach the signature from a file (text, HTML, or image) and Choose… the file you saved.
    3. 
                
  3. Alternatively tick Use HTML under the signature text box and paste the output of Copy HTML source straight in.
    4.