Build a professional email signature
Drag blocks into place, style it your way, then copy it into Gmail, Outlook, or Apple Mail. Every design is checked for contrast and screen-reader accessibility as you build.
- 23 ready-made designs
- Text-based HTML — never image-only
- Live WCAG contrast checker
- 0designs
- 0content blocks
- AAcontrast checked
- 100%free, no sign-up
1 · Content
Drag blocks to reorder, or use the arrow keys on each card. Changes appear live on the right.
2 · Style
Colors, fonts, and layout. Contrast is re-checked live below.
Web-safe fonts only — custom fonts don't load in most email apps.
Icon images load from jgamail.com/icons/ — upload the icons folder with the site.
3 · Check
Accessibility and email-client compatibility, checked live.
Preview
Exactly what your signature will look like in an email.
Dark-mode simulation: this approximates how Gmail and Apple Mail invert colors. They handle it differently — a real test email is still the best check.
Install your signature
Copy it once, paste it into your email app's signature settings, and you're done.
- Click Copy signature above.
- In Gmail: Settings → See all settings → Signature.
- Create a signature, then paste (Ctrl+V / ⌘+V).
- Set it as default for new emails and save.
- Click Copy signature above.
- Outlook on the web: Settings → Mail → Compose and reply.
- Paste into the signature box and save.
- Desktop Outlook: paste into File → Options → Mail → Signatures.
- Click Copy signature above.
- Mail: Settings → Signatures, add a signature.
- Paste, then uncheck “Always match my default message font”.
- Use Copy HTML or Download .html.
- Paste the code into any editor that accepts HTML signatures.
- Plain-text mode? The builder generates a text fallback when you copy.
Built accessible from the start
Email signatures are read by screen readers more than you'd think. This builder handles the details automatically.
- Live contrast checks. Text, secondary text, and accent colors are measured against WCAG AA targets as you pick them.
- Alt text, required. Photos, logos, and banners can't ship without a description — the checker flags them until you add one.
- Logical reading order. Layout tables carry
role="presentation"so screen readers announce your details in order, not "table, row 1, column 2…". - Text-based, never image-only. An all-image signature is invisible to screen readers and spam filters alike — this builder won't make one.
- Email-client safe. Inline styles only, web-safe fonts, and compatibility notes for quirks like Outlook's square corners.