Skip to content
KunanonJ

Portfolio · Internal tool

Email Signature Generator

A single-page tool where staff at The Binary Holdings and The Binary Labs fill in a short form, see a live preview and copy a Gmail-ready signature in one click.

All projects
Illustrative mockup of Email Signature GeneratorSignature generatorYour detailsNameTitleEmailPhoneCompanyPREVIEWYour NameCopy signatureRich text + plain-text fallback
Illustrative mockup, not real data.

Branded Gmail signatures, self-serve.

What it does

  • Company picker, with links that open straight on the right brand
  • Live preview that updates as you type
  • One-click copy as rich text with a plain-text fallback, plus raw HTML for IT
  • Field checks for email format, company domain match and phone format
  • Email-safe table markup with inline styles and 2x images for sharp logos on retina screens
  • Runs entirely in the browser: nothing typed into the form is sent anywhere
  • Image URLs never change: a deploy check blocks renames and a daily job confirms every image is still live

The problem

Staff needed one consistent, branded signature across two companies, and Gmail only shows signature images hosted at a public HTTPS address. The generator handles both: a form for the details and permanently hosted images for the logos.

How it is built

One HTML file with no framework and no build step, published to GitHub Pages by GitHub Actions. A small Python script renders the logo and icon PNGs with Pillow and librsvg.

How it works

From form to Gmail

  1. Step 01

    Pick the company

    Or open a company-specific link

  2. Step 02

    Fill in details

    Checked as you type

  3. Step 03

    Live preview

    Email-safe HTML with 2x images

  4. Step 04

    Copy

    Rich text, plain-text fallback, or raw HTML for IT

  5. Step 05

    Paste into Gmail

    Into the signature settings

Architecture

  1. Browser

    • Single HTML pageNothing typed leaves the browser
    • CSS
    • JavaScript

  2. Assets

    • Python build scriptPillow + librsvg render the PNGs
    • Permanent image URLsGmail only shows public HTTPS images

  3. Hosting

    • GitHub Pages
    • GitHub ActionsDeploy + daily image check