FOR DESIGNERS
Email Signature Generator for Designers
An editable HTML signature builder for designers with role-specific fields for discipline, portfolio, figma profile. Copy the rendered signature or HTML, then test it in your email client.
Portfolio outreach, vendor reviews, asset handoffs, client kickoffs.
Your details
Up to 1 MB. Stays on your device — never uploaded.
Layout
Live preview
1341 chars
SC |
Sarah Chen
Senior Product Designer · Ledgerly
Portfolio outreach, vendor reviews, asset handoffs, client kickoffs.
|
Show HTML source
<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#222222;line-height:1.5;">
<tr>
<td style="padding-right:18px;vertical-align:top;"><div style="width:72px;height:72px;border-radius:36px;background:#0c8a3f;color:#ffffff;font:600 29px/72px Arial,Helvetica,sans-serif;text-align:center;">SC</div></td>
<td style="vertical-align:top;border-left:3px solid #0c8a3f;padding-left:18px;">
<div style="font-size:16px;font-weight:600;color:#0c8a3f;line-height:1.2;">Sarah Chen</div>
<div style="font-size:13px;color:#555555;margin-top:2px;">Senior Product Designer · <strong style="color:#222222;">Ledgerly</strong></div>
<div style="font-size:13px;color:#444444;margin-top:8px;"><a href="tel:+14155550188" style="color:#444444;text-decoration:none;">+1 415 555 0188</a><span style="color:#cccccc;"> | </span><a href="mailto:name@example.com" style="color:#0c8a3f;text-decoration:none;">name@example.com</a><span style="color:#cccccc;"> | </span><a href="https://example.com" style="color:#0c8a3f;text-decoration:none;">example.com</a></div>
<div style="font-size:12px;color:#888888;font-style:italic;margin-top:8px;">Portfolio outreach, vendor reviews, asset handoffs, client kickoffs.</div>
</td>
</tr>
</table>What a designer signature should include
A signature for designers carries a different load than a generic corporate signoff. Portfolio outreach, vendor reviews, asset handoffs, client kickoffs. The four fields that earn their place: Discipline, Portfolio, Figma profile, Dribbble or Behance. Everything else competes with the email itself.
The minimum that works
Start with name, role, organization, and one direct line of contact. For designers, that means Sarah Chen → Senior Product Designer → Ledgerly → a single way to reach you. Add the role-specific fields (discipline, portfolio) only when they reduce friction for the recipient, not when they signal credentials.
What to leave out
Skip motivational quotes, multi-line legal disclaimers if you don't need them, and image-heavy designs. Email clients vary in their CSS and image support, so a compact table-based layout is a conservative starting point rather than a compatibility guarantee.
Format-specific tips
- Gmail: Paste into Settings → General → Signature. Send yourself a test because thread presentation can vary.
- Outlook: File → Options → Mail → Signatures. Use the HTML version — the plain-text fallback drops formatting.
- Apple Mail / Mac Mail: Settings → Signatures. See the dedicated Mac Mail signature guide for the font-substitution workaround.
Customize and test yours
The builder above starts with designer-specific defaults and exposes each advertised role field as an editable input. Copy the rendered signature or source, install it in your client, and send test emails before using it broadly.
Other roles
Frequently asked questions
Everything people ask before using the tool.