Design system  /  Print  /  Email signature

Email signature

Outlook + Gmail safe HTML-table layout. Hex avatar, name, role, contact lines in code-mono, and a "nu:" line that says what you're working on this week. Updated weekly, makes every email feel current. Copy the source from the panel under each variant.

Filled example · Ruben van der Linde · CTO
RvdL
Ruben van der Linde
CTO · Conduction
$ ruben@conduction.nl
$ +31 85 303 6840
$ linkedin.com/in/ruben
nu: OpenRegister-schema voor Acme BV, sprint W17.
conduction.nl · AGPL/MIT · Zoetermeer
View / copy HTML source
<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse; font-family: 'Figtree', Helvetica, Arial, sans-serif; color: #0A172F; line-height: 1.4;"> <tr> <td valign="top" style="padding-right: 14px; vertical-align: top;"> <div style="width:56px; height:64px; background:#21468B; color:white; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px;">RvdL</div> </td> <td valign="top" style="padding-left: 14px; border-left: 2px solid #21468B; vertical-align: top;"> <div style="font-size:14px; font-weight:700; color:#0A172F;">Ruben van der Linde</div> <div style="font-size:11px; color:#4D69A4; margin-bottom:8px;">CTO · Conduction</div> <div style="font-family: 'IBM Plex Mono', Menlo, Consolas, monospace; font-size:11px; color:#152D5C; line-height:1.5;"> <span style="color:#F36C21;">$</span> ruben@conduction.nl<br> <span style="color:#F36C21;">$</span> +31 70 756 1240<br> <span style="color:#F36C21;">$</span> <a href="https://www.linkedin.com/company/conduction-bv/" style="color:#21468B; text-decoration:none;">linkedin.com/in/ruben</a> </div> <div style="margin-top:8px; padding:5px 8px; background:#FBF1EE; border-left:2px solid #F36C21; font-size:11px; color:#6E2A1C; font-family: 'IBM Plex Mono', Menlo, Consolas, monospace;"> <strong style="color:#F36C21;">nu:</strong> OpenRegister-schema voor Acme BV, sprint W17. </div> <div style="margin-top:8px; font-size:10px; color:#8095BD; font-family: 'IBM Plex Mono', Menlo, Consolas, monospace;"> conduction.nl · AGPL/MIT · Zoetermeer </div> </td> </tr> </table>
Empty template · replace {{ }} markers
{{ in }}
{{ Full name }}
{{ Role }} · Conduction
$ {{ email }}
$ {{ +31 ... }}
$ {{ linkedin slug }}
nu: {{ what you're working on this week, one sentence }}
conduction.nl · AGPL/MIT · Zoetermeer

Other team members — queued

One example signature (Ruben) is committed; the others use the template above. Per-person fields: monogram (3–4 letters), full name, role, email, phone, LinkedIn URL, and the "nu:" weekly status line.

  • Marleen queued
  • Remco queued
  • Mark queued
  • Robert queued
  • Wilco queued
  • Barry queued
  • Remko queued
  • Thijn queued