Email signatures, measured and tested
Every design here is built the way email actually requires: tables, inline styles, web-safe faces. Each specimen carries its real rendered dimensions, taken live in your browser, so you can see before you copy whether it will survive a phone screen.
| Priya Sharma |
| Operations Manager · Northwind Logistics |
| Direct +1 555 0142 | Mobile +1 555 0188 |
| p.sharma@example.com |
| northwindlogistics.com |
|
Daniel Okafor
Senior Account Executive
Meridian Software Group
|
|
Marcus Reid
Facilities Coordinator
|
| Thomas Beaumont |
| Managing Partner |
| RK |
Rohan Kapoor
Customer Success Manager
|
|
Chloe Barrett
Head of Partnerships
|
| Jordan Ellis | |
| Enterprise Sales · Verity Cloud | |
| +1 555 0190 | j.ellis@example.com | |
|
| Nadia Haddad |
| Marketing Manager · Lumen Retail · n.haddad@example.com |
| Spring catalogue is live. See what’s new → |
| Dr. Helena Whitmore, PhD |
| Chief Scientific Officer |
|
Aldridge Biosciences +1 555 0178 · h.whitmore@example.com |
| Gregory Nunes |
| Chief Operating Officer · Stratton Group |
| +1 555 0163 | g.nunes@example.com |
| LinkedIn · X · strattongroup.com |
| Amara Nwosu |
| Practice Administrator · Cedarbrook Health |
| +1 555 0149 | a.nwosu@example.com |
| This message and any attachments are confidential and intended solely for the addressee. If you have received this in error, please notify the sender and delete it. Any unauthorised review, use, or distribution is prohibited. |
| Isabelle Fontaine |
| Licensed Real Estate Broker |
| Licence #RE-4471902 |
| Fontaine & Co. Realty +1 555 0137 | isabelle@example.com |
Or generate one around your own details
Pick a layout, type your name, title and contact details, and the signature assembles as you type — with your own accent colour, your choice of web-safe face, and the same live width measurement you see on every specimen here. Nothing you enter leaves your browser.
Create your signatureAdding your signature
Use Copy signature for the formatted version — it pastes into the signature editor with styling intact. Use Copy HTML if your admin console or signature tool asks for source code.
Every specimen carries placeholder details — fictional names, +1 555 numbers, and example.com addresses and links. Replace all of them with your own before use. The website and button links point at example.com, a reserved domain that exists only for documentation, so they will not lead anywhere useful.
Desktop, new and web
- Classic Outlook: File → Options → Mail → Signatures
- New Outlook and the web app: Settings → Accounts → Signatures
- Select New, name it, then paste into the edit box
- Assign it to new messages and to replies separately
Web and workspace
- Settings gear → See all settings → General
- Scroll to Signature and select Create new
- Paste, then pick it under Signature defaults
- Gmail trims signatures past roughly 10,000 characters; these sit well under
macOS
- Mail → Settings → Signatures
- Add a signature, then untick “Always match my default message font”
- Paste into the preview pane on the right
- Drag it onto an account in the left column to assign it
What makes a signature hold up
Email clients are not browsers. Outlook on Windows renders HTML through Microsoft Word’s layout engine, and that single fact explains most of the constraints below.
- Build with tables
- Nested tables with inline styles are the only layout method that renders consistently across Outlook, Gmail and Apple Mail. Flexbox and grid silently collapse.
- Stay under 600px wide
- Anything wider forces horizontal scrolling on a phone, where most email is now opened. The spec row on each specimen shows its real measured width.
- Set link colours inline
- Without an explicit inline colour, Outlook applies its own blue and an underline, which fights whatever palette you chose.
- Use web-safe faces
- Arial, Helvetica, Georgia, Tahoma, Verdana and Courier New render everywhere. Always include the full fallback stack.
- Depending on images
- Many clients block images by default. If your logo carries the whole design, a large share of recipients see a broken box instead.
- Background images
- Outlook ignores CSS background images entirely. Use a solid background colour on the table cell instead.
- Social icon sprawl
- Six icon images add weight, break when blocked, and rarely earn a click. Text links to the one or two networks that matter perform better.
- Editing in Word
- Pasting through Word or Google Docs injects layers of junk markup that breaks rendering. Paste directly into the signature editor.
Rolling this out to a whole team?
Pasting a template into 50 mailboxes by hand means 50 chances for someone to change the face, drop a phone number, or skip it entirely — and no way to update a campaign line without asking everyone again. Server-side tools apply one template centrally, pull names and titles from Entra ID, and hold consistent on mobile and in replies.
Questions
Are these email signature templates free to use?
Why do these use tables instead of modern CSS?
How do I add my company logo?
img tag with an explicit width, height and alt text inside a table cell. Keep it under about 200px wide and 50KB. Bear in mind that many recipients have images blocked by default, so never let the logo carry information that isn’t also in text. That is why every template here works without one.