Keep the footer compact
Gmail signatures get repeated often, so short blocks with fewer extras usually age better in real inbox threads.
Email tool page
Gmail Signature Generator
Build a Gmail-friendly email signature, preview the spacing, and copy HTML that stays compact in Gmail threads and replies.
Gmail rewards restraint. This page keeps the layout tighter, the CTA lighter, and the block easier to paste into Gmail without turning the footer into a second marketing panel.
- Gmail-focused spacing and scale
- Compact reply-friendly structure
- Copy HTML before installing in Gmail
- Direct link to the Gmail setup guide
Builder
Create the signature block first
Use this variation when Gmail is the destination and the signature needs to stay tidy in replies, forwards, and mobile views.
Accent
Builder notes
- Shorter lines reduce the chance of awkward wraps in Gmail.
- One CTA is enough for most Gmail signatures.
- Send a live test email after pasting the signature into settings.
Live preview
Email signature preview
Check the layout at both a generous width and a tighter mobile-like width before installing it.
Desktop width
|
Narrow width
|
HTML output
Copy-ready signature markup
Use the buttons below when you need to paste the signature into a client or hand the HTML to someone else.
<!-- Signature Maker email signature -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="width: 100%; max-width: 560px; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; color: #172033;">
<tr>
<td style="padding: 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="width: 100%; border-collapse: collapse; border-top: 3px solid #a54f31; background: #ffffff;">
<tr>
<td style="padding: 18px 0 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
<tr>
<td style="vertical-align: top;">
<div style="font-size: 20px; line-height: 26px; font-weight: 700; color: #172033;">
Avery Bennett
</div>
<div style="padding-top: 5px; font-size: 13px; line-height: 19px; color: #536076;">Customer Success Manager · Peakline</div>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top: 12px; border-collapse: collapse;">
<tr>
<td style="padding: 0 0 6px; font-size: 13px; line-height: 20px; color: #536076;">
<span style="display: inline-block; min-width: 54px; font-weight: 700; color: #a54f31;">Email</span>
<a href="mailto:avery@peakline.co" style="color: #172033; text-decoration: none;">avery@peakline.co</a>
</td>
</tr>
<tr>
<td style="padding: 0 0 6px; font-size: 13px; line-height: 20px; color: #536076;">
<span style="display: inline-block; min-width: 54px; font-weight: 700; color: #a54f31;">Phone</span>
<a href="tel:+16465550126" style="color: #172033; text-decoration: none;">+1 (646) 555-0126</a>
</td>
</tr>
<tr>
<td style="padding: 0 0 6px; font-size: 13px; line-height: 20px; color: #536076;">
<span style="display: inline-block; min-width: 54px; font-weight: 700; color: #a54f31;">Web</span>
<a href="https://peakline.co" style="color: #172033; text-decoration: none;">peakline.co</a>
</td>
</tr>
</table>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top: 14px; border-collapse: collapse;">
<tr>
<td style="border-radius: 999px; background: #a54f31;">
<a href="https://peakline.co/meet" style="display: inline-block; padding: 10px 14px; color: #fffaf5; font-size: 13px; font-weight: 700; text-decoration: none;">
Schedule time
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>How to use it
Keep the signature block useful, not oversized
- Build the footer with only the fields that matter in a Gmail conversation.
- Check that the block still reads cleanly in the narrow preview width and does not dominate the message.
- Copy the HTML, paste it into Gmail, and send yourself a test email before keeping it.
Best uses
Where this workflow fits best
Let the basics lead
Name, title, company, and one or two direct links are enough for most Gmail workflows.
Test the real draft
A Gmail preview in settings is not enough. The final check is still a sent draft with the signature enabled.
Next step
Installation guides
How to Add a Signature to GmailGenerate a clean signature PNG, upload it to Gmail, and keep the sign-off compact and readable in outgoing email.How to Add a Signature to OutlookCreate a compact email signature, paste or install it in Outlook, and verify that the layout stays clean in new messages and replies.
Decision support
Compare the workflow before you commit
Signature Generator vs WiseStampCompare Signature Maker's lightweight signature asset and email-signature builder with WiseStamp's full email-signature platform for templates, installs, and company-wide management.Signature Generator vs MySignatureCompare Signature Maker's faster signature workflow with MySignature's template-driven email signature platform for branding, analytics, and team management.
FAQ
Answers for the exact email-signature task
Why is the Gmail layout more restrained?
Because Gmail signatures appear in new messages and replies. A tighter block is less likely to overpower the rest of the thread.
Can I still include a CTA button in Gmail?
Yes, but keep it small and singular. Gmail signatures work better when the CTA supports the footer instead of competing with the body copy.
Should I use a handwritten PNG in Gmail too?
Use it only when it adds something meaningful. Many Gmail setups work better with a simpler text-first signature plus a few links.