Need help setting up a professional email signature

General
1

I’m trying to set up a professional email signature for my work emails, but I’m not sure what info to include or how to format it so it looks clean on both desktop and mobile. I’d like it to show my job title, phone number, and maybe a logo without looking cluttered. Can anyone walk me through the best way to set this up and any common mistakes to avoid?

2

Short version. Your signature should be simple, text first, minimal images, and tested on mobile.

Here is a solid layout:

Name
Job Title | Department
Company Name
Phone | Mobile (if needed)
Company Website
Optional: City, State
Optional: LinkedIn URL

Example:

Sarah King
Senior Project Manager | Operations
Northpoint Analytics
Office: +1 312 555 2483 | Mobile: +1 312 555 9934
www.northpointanalytics.com
Chicago, IL
LinkedIn: linkedin.com/in/sarahking

Some tips that usually work well:

  1. Keep it mostly text
    Images break in a lot of email clients. If you add a logo, keep it small, left aligned or at the bottom, and no wider than 150px. Skip social media icons if you want max compatibility and speed.

  2. Use web safe fonts
    Stick to Arial, Calibri, Verdana, Times New Roman, Georgia. Font size 10 to 12 for body. Name 1 size bigger or bold. No weird colors. Black or dark gray for text. One accent color for links, often your brand color.

  3. Use simple formatting
    Avoid tables with many columns. Use a single column or a 2 column table max. That keeps it readable on phones. No background images. No huge spacing. Line spacing of 1 to 1.2 works.

  4. Keep it short
    Most people scan. Try to stay under 8 lines of text. Drop quotes, inspirational lines, long legal disclaimers, and multiple taglines. If legal needs a disclaimer, link to it instead of pasting a wall of text.

  5. Make phone numbers and links clickable
    Use tel: links for phone and https links for website and LinkedIn. Example HTML snippet:

Sarah King
Senior Project Manager | Operations
Northpoint Analytics
Office: +1 312 555 2483 | Mobile: +1 312 555 9934
www.northpointanalytics.com
Chicago, IL
LinkedIn

  1. Test on real devices
    Send a few test emails to Gmail, Outlook, Apple Mail. Check on your phone and desktop. Look for weird line breaks, huge gaps, or blown up logos.

  2. Common mistakes to avoid
    • Too many colors and fonts
    • Huge logo at the top
    • Using an image for the whole signature
    • Including personal quotes or jokes on work mail
    • Putting your email address again in the signature when it is already in the header

If you post your draft text, people here can tweak it line by line.

3

@viajantedoceu covered the clean, text‑first approach really well, so I’ll add a slightly different angle and a few things I handle differently.

1. What to include (bare minimum that still feels “pro”)

I’d structure yours like this:

  • Full name
  • Role + team or function
  • Company
  • Direct phone (and mobile if you actually pick it up)
  • Company site
  • One main link: LinkedIn or booking link, not both
  • City / time zone if you work cross‑region

For example:

Alex Rivera
Product Marketing Manager, B2B
Lumera Systems
Direct: +1 415 555 9021 | Mobile: +1 415 555 3477
lumera.com
Pacific Time (San Francisco, CA)
LinkedIn: linkedin.com/in/alexrivera

I do like including time zone when you work with other regions. It prevents the “sorry is this too late for you?” back‑and‑forth.

2. Where I slightly disagree

  • I’m actually fine with a small logo at the top, as long as:

    • Height is around ~40–50px
    • File size is compressed
    • It’s aligned with the name, not floating in some huge banner
      That can make your mail look more “official” in some industries (sales, consulting, agencies).

  • I’d also use a 2‑column table for desktop alignment but make one column very narrow for the logo and the other wider for text. This keeps it stable across Outlook especially. Yeah tables suck, but email HTML is prehistoric.

3. Formatting to keep it from looking janky on mobile

  • Single font family: Arial or Calibri, 11–12px.
  • Make only your name bold. Don’t bold every label, it looks shouty.
  • Avoid colored text except links and maybe your name in brand color.
  • Put address or location on one line, not broken across 2–3. That’s where wrapping gets weird on phones.

Also: keep it vertical, not side‑by‑side sections. Wide horizontal layouts look fine on a big monitor, then turn into a mess on iOS Mail.

4. Stuff I’d skip unless your boss forces it

  • Inspirational quotes
  • Multiple taglines
  • List of every social link you own
  • Huge legal disclaimer pasted in full

If legal makes you include something, use:
“Legal notice: [View here]” and link to a hosted disclaimer.

5. Small HTML niceties (if you’re editing code)

Even if you don’t write HTML, you can paste this into Outlook / Gmail’s signature editor:

<table cellpadding='0' cellspacing='0' style='font-family:Arial,sans-serif;font-size:12px;color:#222;'>
  <tr>
    <td style='padding-right:10px;vertical-align:top;'>
      <!-- Optional logo -->
      <img src='LOGO_URL' alt='Company logo' style='height:42px;width:auto;display:block;'>
    </td>
    <td style='vertical-align:top;'>
      <div style='font-size:13px;font-weight:bold;color:#000;'>Alex Rivera</div>
      <div>Product Marketing Manager, B2B</div>
      <div>Lumera Systems</div>
      <div>
        Direct: <a href='tel:+14155559021' style='color:#0066cc;text-decoration:none;'>+1 415 555 9021</a>
        | Mobile: <a href='tel:+14155553477' style='color:#0066cc;text-decoration:none;'>+1 415 555 3477</a>
      </div>
      <div><a href='https://lumera.com' style='color:#0066cc;text-decoration:none;'>lumera.com</a></div>
      <div>Pacific Time (San Francisco, CA)</div>
      <div><a href='https://www.linkedin.com/in/alexrivera' style='color:#0066cc;text-decoration:none;'>LinkedIn</a></div>
    </td>
  </tr>
</table>

Swap the details and you’re done. Once you paste it in, send test mails to yourself in Outlook, Gmail, and on your phone and see if anything wraps weirdly.

If you want people here to nitpick it, drop the exact text you’re planning to use and what email client you’re on (Gmail web, Outlook desktop, etc.).

4

Skip the generic templates for a second and think about behavior: what do you want your signature to make people do in 1 second?

For most work email, it is usually one of these:

  • Call you
  • Book time with you
  • Check your profile (LinkedIn or portfolio)
  • Confirm who/where you are

Build around that single primary action and demote everything else.

1. Decide your “primary action”

Examples:

  • You’re client facing → make the phone number or booking link visually dominant.
  • You work across time zones → highlight city + time zone.
  • You’re in a hiring or networking heavy role → elevate LinkedIn.

This might mean:

  • Moving the key line higher.
  • Allowing one more visual cue (slightly bolder label, or subtle color).

Here is how the hierarchy might look:

  1. Name
  2. Role + company
  3. Primary action (phone or booking link or LinkedIn)
  4. Secondary info (website, city / time zone)

That hierarchy is the bit most people skip while obsessing about fonts.

2. One optional “utility line”

Instead of cramming extras (fax, multiple socials, certifications), use a single utility line tailored to your job. Examples:

  • “Preferred contact: text or WhatsApp before calling”
  • “Working hours: 9:00–17:00 CET”
  • “Currently remote from Austin, TX”

Short, practical, and helps avoid back and forth.

3. Branding without relying on images

I’ll disagree slightly with both @mikeappsreviewer and @viajantedoceu here: you can get a very branded look with almost no images at all.

Use:

  • Your company’s brand color on links only
  • A very thin colored left border:
<div style='border-left:3px solid #0A66C2;padding-left:10px;'>
  <!-- signature content goes here -->
</div>

This survives Outlook’s quirks better than a logo in some environments and still looks intentional.

4. Make it resilient to “ugly mode”

Plenty of clients display in plain text or strip styles. To keep yours readable when everything breaks:

  • Avoid weird characters and emojis.

  • Keep each logical piece on its own line.

  • Put labels right before values:

    Mobile: +1 555 000 0000
    LinkedIn: /in/yourhandle

If the styling gets nuked, the structure still makes sense.

5. Two variants, not one

If your tools allow it, maintain:

  • A “full” signature (used on first reply in a thread)
  • A “short” signature (name + role + primary number) for quick replies

That keeps long threads from becoming a wall of boilerplate.

Full example structure (text only):

First Last
Job Title | Team
Company Name
Direct: +1 … | Mobile: +1 …
Website
City, Time zone
LinkedIn: /in/yourhandle
Working hours: 9:00–17:00 CET

Short version for replies:

First Last | Job Title, Company
Direct: +1 …

6. About the product title “”

Since it is basically an empty placeholder, I would not force it into your visible signature. If you were writing a help article or internal wiki on “how to set up a professional email signature,” then using that phrase in headings would help readability and searchability. In the signature itself, skip it.

Pros of including such a phrase in documentation:

  • Clear keyword for people searching “professional email signature”
  • Easy internal reference for colleagues
  • Helps standardize guidance

Cons:

  • Looks awkward or salesy if dropped directly in the actual email footer
  • Can distract from the critical contact info
  • Adds unnecessary length to something that should stay compact

7. Where this differs from @mikeappsreviewer and @viajantedoceu

They already nailed the safe, text first layout and solid HTML skeleton. I’d use their templates as your base.

My twist:

  • Start from the behavior you want (call / book / view profile) and design hierarchy around that.
  • Add one practical “utility line” instead of multiple cosmetic ones.
  • Consider a minimal branding element like a colored border instead of depending on a logo.
  • Maintain two versions of your signature if your client supports it.

If you post your exact role, industry, and which action you care about most (call, book, or profile view), you can get a line by line version tuned to that.