Most signature problems are design problems, not content problems. The information is usually fine — name, role, contact, a link or two. What breaks it is everything around that information: a logo that's twice the right size, three different link colors, a font that doesn't match anything else. None of these are hard fixes. They're judgment calls, and they're easier to make once you know which ones actually matter. These are the design rules that separate a signature that looks considered from one that looks assembled.
Set a clear hierarchy and stick to it
Hierarchy is the thing that lets a reader find your name, your role, and your phone number in about two seconds without reading every word. It works through size and weight: the most important element is the largest or boldest, and everything below it steps down predictably.
For an email signature, the order is almost always: your name first (heaviest weight or largest size), then role and company (same size, normal weight), then contact details (slightly smaller or lighter), then links. If your logo is present, it operates as an anchor rather than a hierarchy element — it sits beside or above the text block, not competing with the name for prominence.
Where this breaks: people often bold their job title and their phone number and their company name, so everything is equally heavy and nothing reads first. Or they use the same size for name, role, and contact, so the eye doesn't know where to start. Pick one thing to be most prominent. Usually that's your name.
One typeface, two weights
The single most common visual problem in hand-built signatures is font inconsistency. You wrote the name in one font, the contact details defaulted to a different one, and the link color came in from the email client. The result is a signature that reads like a collage.
The fix is simple: commit to one typeface and use it at two weights — regular for contact details, medium or semibold for your name. Web-safe fonts (Arial, Helvetica, Georgia, Trebuchet) are the practical choice because they render consistently across email clients. Custom fonts that look right in the builder often fall back to Times New Roman in Outlook.
Don't try to match your brand's display font in an email signature unless it's a web-safe fallback. The gap between how it looks in the builder and how it looks in a client's inbox isn't worth the effort. Clean and consistent beats on-brand-but-broken.
One accent color, used deliberately
Color in an email signature does two things: it ties the signature to a brand, and it draws the eye to something specific. When you use two accent colors, or when every link is a different color, it does neither — it just adds noise.
The rule: one accent color, applied to one or two elements. Usually that's the CTA button and the link color. Everything else stays in your neutral text color (near-black or dark gray, not pure #000000, which can look harsh).
The accent doesn't have to match your brand's primary color exactly, but it should feel like the same family. A deep teal from a logo works in a signature. A neon version of it doesn't. Test it against your email client's white background — colors that look intentional in a dark-mode builder can look garish in a standard Gmail thread.
Logo size: present, not dominant
A logo that's too large is the single most common thing that makes a signature look amateur. At 300px wide, it dwarfs everything else and reads as a promotional banner rather than a professional identifier. At 80px wide, it's present and legible without competing with the contact information.
The working range for a horizontal logo is 100–180px wide. For a stacked or square mark, 60–100px. These numbers assume you're exporting the image at 2× resolution (retina) and setting the display width in the HTML — so a logo exported at 280px wide is displayed at 140px. That's what keeps it sharp on high-resolution screens without being physically huge.
Keep the logo file under 50KB. Email clients load images on every open; a heavy logo file slows the render and occasionally triggers spam filters that penalize large attachments. PNG is usually the right format — it handles transparency and logos with flat color better than JPG, which is better suited to photographs.
Fewer links, better links
A five-link social icon row at the bottom of a signature is almost never clicked — not because people don't use social media, but because they don't click from email signatures. They Google you. Or they tap LinkedIn. They don't scroll to the bottom of an email and click the small Twitter bird.
The practical link limit for most signatures: your website, one social profile (usually LinkedIn), and a CTA link if relevant. That's three. If you're in sales, replace the social link with a booking link. If you're an agency, replace it with a portfolio link.
The test: for each link in your signature, ask when the last time someone clicked it was. If you can't remember, remove it. The link that remains gets more attention because it's not competing with four others.
Spacing is doing more work than you think
Cramped spacing makes a signature hard to read on mobile and looks slightly aggressive — like information is being pushed at the reader. Too much spacing wastes the limited vertical real estate that email clients give you and makes the signature feel unanchored.
The target: enough vertical breathing room between sections that the eye can move through them in a natural sequence, without so much space that the signature loses cohesion. In practice, this means 4–8px of padding between elements within a block (name–role–company), and 12–16px between blocks (contact block to social icons, social icons to CTA).
You don't need to measure any of this if you start from a template — the spacing is already calibrated. Where it breaks is when people manually edit a signature in Gmail's settings box and accidentally add or remove line breaks. That's why the "copy from the builder, paste into the client" method matters: you paste a finished thing, not a fragile one.
Mobile readability is not optional
Most business email is read on phones. A signature that looks clean at 1440px and wraps into an unreadable column at 390px is a problem that half your recipients will see.
The concrete rules for mobile-safe signatures: keep the overall width under 600px. Avoid two-column layouts with text in both columns — they collapse unpredictably on narrow screens. Keep logo widths modest so they don't force horizontal scroll. Make any CTA button wide enough to tap with a thumb (minimum 44px tall).
After you build a signature, send it to yourself and open it on your phone. That five-second check catches the most common mobile failures before your contacts see them.
If you include a CTA, treat it as a design element
A CTA link buried inside a line of text — "You can book a call here" — gets skipped. A CTA styled as a button, with a background color, clear padding, and legible text, gets clicked. The difference is just design.
Keep the button text short (two to four words). Keep the background color consistent with your accent. Don't round the corners to a circle or add a shadow — these tend to break or look misaligned across email clients. A flat button with a solid background color and 8–12px padding is the most reliable format.
One button. One action. The value of the CTA is that it's obvious — adding a second button next to it destroys that obviousness.
The checklist of things that consistently make signatures worse
- Oversized logos — anything over 200px wide in a single-column layout.
- Three or more accent colors in one signature.
- Mixing fonts — particularly when pasting from Word or another email creates a different font in the same block.
- Social icon rows with six or more platforms.
- Promotional banners that are wider than the signature block or that push contact details out of view.
- Confidentiality disclaimers in the same visual block as the name and contact (move them below a clear divider).
- Animated GIFs — they break in most Outlook versions and look distracting in the ones that support them.
- Custom email signature fonts that aren't web-safe — they fall back to defaults in most clients.
Create your signature
Put this into practice — pick a template, add your details and copy a polished signature into your inbox in minutes.