Skip to content
AuthorPascal DateAugust 6, 2026 Rev1.0

Email signature

This is the signature to use — one design, for everyone, in every mail client. There is nothing to pick: fill in the fields below, press Copy signature, and paste it into your client.

It is deliberately text only. No logo image, no banner, no tracking pixel — so there is nothing to break when a thread is forwarded, no "download external images" prompt standing between a recipient and who wrote to them, and dark mode takes care of itself because every client inverts text. The masthead is set type: BINABIK tracked out over a short red rule. That is what makes a text-only signature read as deliberate rather than as a logo that failed to load.

Build yours

Light client

Dark client

All of this happens in your browser

Nothing is sent anywhere. What you type is kept in this browser's local storage so the page remembers you the next time you need the signature; clearing site data forgets it.

Field What to put in it
Name Required — the only field the signature can't be generated without.
Role Optional, and short: it sits beside your name, tracked out small. Leave it empty if your title is a paragraph.
Email Filled in from your first name (firstname@binabik.ai), which is the convention. Correct it if yours differs — once you edit it by hand, it stops following the name field.
Phone Optional. Write it international with spaces (+41 79 768 43 21); the tappable tel: link is derived from it, and the spaces are made non-breaking so a number never wraps in half.
LinkedIn Optional. A full URL, linkedin.com/in/yourhandle, or just yourhandle — all three end up as the same link. Left empty, the link and its separator disappear rather than leaving a stray bullet.

Everything else is fixed, because it is the company's and not yours: the BINABIK masthead and its red rule, binabik.ai, and the postal address Technoparkstrasse 2, 8406 Winterthur, Switzerland.

Paste it into your mail client

  1. Settings (the gear) → See all settings → Signature.
  2. Create new, name it Binabik, click into the box and paste.
  3. Set it as the default for new emails and for replies, then scroll to the bottom and press Save changes — Gmail throws the signature away if you leave the page without it.

Settings → Mail → Compose and reply → paste into a new signature, name it Binabik, and select it for new messages and for replies/forwards.

Use the file rather than the clipboard — Word-rendered Outlook is where a paste is most likely to arrive as plain text:

  1. Press Download Binabik.htm above.
  2. Move it into %APPDATA%\Microsoft\Signatures\ (paste that path into the Explorer address bar).
  3. Restart Outlook, then pick Binabik under File → Options → Mail → Signatures for new messages and replies.

Settings → Signatures → paste, then untick Always match my default message font. Left ticked, Mail overrides the signature's own type with your compose font and the hierarchy collapses.

“Outlook just shows me the HTML”

The clipboard held plain text. Copy raw HTML does exactly that, on purpose — it is for editing the markup, not for pasting into a signature editor. Use Copy signature, which writes a text/html clipboard flavour that Outlook renders.

If it still pastes as text: paste into a blank email body first, select it there, copy again, and paste that into the signature editor. Check too that you are not defaulting to plain-text paste (Ctrl+Shift+V / Cmd+Shift+V). On Classic Outlook for Windows, take the file route in the tab above instead — it is the one that always works.

If the letters of your address look spaced out

p a s c a l @ b i n a b i k . a i — Gmail did this to a signature copied from the first version of this page. Its contact lines inherited their letter spacing, and Gmail, rewriting the table on paste, handed them the masthead's tracking instead. Every line now states its own spacing, so there is nothing left to inherit: copy your signature again from here and replace the one in your client. Nothing about the design changed, so nobody who looks right today needs to do anything.

Why it looks like this

No images. An image in a signature is three separate liabilities: clients block remote ones until the recipient consents, embedded ones ride along as attachments that clutter every reply, and forwarded threads eventually lose them either way — so the version most people see is the broken one. Set type cannot break.

No webfonts either. Mail clients don't fetch them, so naming Space Grotesk or Plus Jakarta Sans (the brand faces) would have produced a silent fallback and nothing else. The hierarchy comes from size, weight, letter-spacing and colour instead, all of which render identically everywhere. The stack is 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif: Segoe UI leads deliberately, because Outlook for Windows renders through Word and an unrecognised first entry can drop it all the way back to Times New Roman. After that, -apple-system gives SF Pro on Mac and iOS, Roboto covers Android, and Arial is the floor — every one of them a humanist sans, so the signature keeps its character in all four.

Where the design lives

The markup this page emits is the signature-text.html partial in the marketing-site repo (webpages/binabik-webpage-sample/signature/, with build.py generating the standalone preview and the Outlook file from it), with two deliberate differences: the address is the two-line Technoparkstrasse block, and both tables carry class="sig-table" — inert in a mail client, and on this page it is what keeps the docs theme's table styling (which paints a bare table with the page background) off the preview. The generator here is docs/javascripts/email-signature.js. Changing the design means changing both — the partial is the design source, this page is what the company actually uses.