To use this tool comfortably, open it on a laptop, desktop computer, or tablet in landscape mode.
Tip
If you are using a tablet, switch it to landscape mode - when the window width is large enough, the tool will load automatically.

Build a professional email signature in minutes. Enter your details, choose colors, and copy the ready HTML code into Gmail, Outlook, or any email client.
Technical preview compatible with Gmail, Outlook, and most email clients.
|
An email signature (also called an email footer) is a block of information at the end of every sent message. It contains contact details, job title, company name, and often a link to the website or meeting calendar.
The recipient does not have to search for the phone number in previous messages - all details are readily available. A professional email signature also shows that you pay attention to details and maintain a consistent company image in business correspondence.
Creating a professional email signature takes just a few minutes:
The Details tab contains all the fields you can fill in. Only two are required: name and email address. The remaining fields are optional and will appear in the signature only when filled in.
Signature layout
John Smith
Web Developer
Arteon Agency
john@example.com
+1 555 000 000
The generator offers eight ready-made layouts. Each presents the same information in a different way.
A CTA button (call-to-action) is a clickable element that directs the recipient to a chosen page. It can be a link to a meeting calendar, contact form, or offer. The generator allows adding two CTA buttons.
You can add a second CTA button in outline style (transparent background with border). Fill in the fields in the Secondary button section the same way as for the main button.
At the bottom of the Buttons tab you will find the Button rounding option. Three variants are available: None (sharp corners), Slight (slightly rounded), or Full (oval button).
If you leave both fields empty, the button will not appear in the signature. If you fill in only one field, the button will also not be visible - both text and link are needed.
In the Social Media tab you can add links to your profiles. The generator supports twelve platforms: LinkedIn, Instagram, Facebook, TikTok, YouTube, X (formerly Twitter), GitHub, Dribbble, Behance, WhatsApp, Telegram, and Pinterest.
At the bottom of the Social Media tab you will find the Show icons next to service names option. When enabled, links will display as colored SVG icons instead of just names.
In the Appearance tab you can customize colors, font, and other visual elements of the signature.
At the top of the tab you will find five ready-made themes: Dark, Blue, Purple, Green, and Gray. Clicking a theme automatically sets the accent color and text color. This is the quickest way to achieve a consistent signature look.
In the Text Style tab you can individually customize the color and font size for each text element in the signature.
Only elements that currently have content in the signature are visible. For each element you can set:
Next to each element you will find a row of color options. Click a color square to select it. You can also add a custom color by clicking the colored square with a plus - choose a color and click Save. Custom colors (up to 8) are shared between all elements.
The reset icon button restores the default color of the element.
In the second row you will find a size control with - and + buttons. The value shows the offset relative to the base font size (set in the Appearance tab). Range: from -4 to +4 pixels.
In the Spacing tab you can precisely control the distances between individual signature elements.
At the top of the tab you will find the inner padding option - the distance between the signature content and its edges. Three values are available: 8 px (small), 16 px (medium), and 24 px (large).
Below the padding you will find controls for individual signature elements. Each control has + and - buttons to increase or decrease the spacing. Only options for elements currently in the signature are visible.
If you clear a field (e.g., remove the phone number), the corresponding spacing option will automatically disappear from the tab.
In the Disclaimer / Legal tab you can add legal text that will appear at the bottom of the signature in smaller font.
By default, the field is filled with a sample confidentiality text. You can edit, delete, or replace it with your own disclaimer. If you leave the field empty, no disclaimer will appear in the signature.
Below the text field you will find the Show divider between contact details and disclaimer option. Enable it to add a horizontal line between contact details and the legal disclaimer.
After enabling the line, additional customization options appear:
The generator automatically saves all settings in browser memory (localStorage). After refreshing the page or reopening the tool, data, layout, colors, and all other options will be restored.
Every change (text, color, layout, spacing) is immediately saved in browser memory. Saving happens automatically in the background - without clicking any buttons.
Below the signature preview you will find a Reset appearance button. After clicking, a confirmation dialog will appear. Confirming the reset will restore all data and settings to default values. This operation cannot be undone.
Below the signature preview you will find two additional buttons: Export settings and Import settings. Export saves all data, colors, layout, spacing, and text styles to a JSON file. Import loads a previously saved configuration from a file.
This feature is especially useful when you want to transfer the signature configuration between computers, share settings with colleagues, or keep a backup of your settings before a reset.
When the signature is ready, it only takes a few steps to add it to your email client:
The preview panel displays on the right side of the editor and automatically updates with every change. The preview is sticky, so it remains visible even while scrolling through editing options.
Above the preview you will find three background change buttons: Light (default gray background), Dark (dark background, useful for checking readability on dark backgrounds), and Checkerboard (checkerboard pattern, lets you see transparency and signature edges).
Below the preview you will find several buttons:
The email signature tool is useful for anyone who sends business emails: