Brand Utility

Email Signature Builder

This tool builds a lightweight HTML email signature with a live preview and copy-ready export so you can quickly prepare a clean sign-off block for email clients.

What it does

• Builds a signature preview from sender details, company details, and an optional CTA.
• Opens the signature preview in a larger popup so spacing can be checked comfortably.
• Shows the HTML export in its own popup for easier copy-and-paste use.
• Works as a database-free browser utility.

How to use it

• Open /EmailSignatureBuilder/.
• Enter the sender name, role, company, contact details, and any supporting CTA text.
• Open the preview popup and confirm spacing, hierarchy, and line length.
• Open the HTML export popup and copy the generated markup.
• Paste the markup into the email client or signature manager you use.

Project structure

• index.php: editor, preview modal, and export modal.
• css/style.css: stationery styling and modal presentation.
• js/app.js: preview rendering, modal behavior, and export copy actions.
• Documentation/index.html: this guide.