Email Signature

Preview your signature below, then copy the HTML into your email client.

How to install

Gmail

Settings → See all settings → General → Signature → Create new → click the </> source button → paste

Outlook

File → Options → Mail → Signatures → New → switch to HTML view → paste

Apple Mail

Mail → Settings → Signatures → create a placeholder → quit Mail → open the .mailsignature file in a text editor → replace the body contents

HTML Code

<table cellpadding="0" cellspacing="0" border="0" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#0a0a0a;max-width:500px;">
  <!-- Row 1: Logo spanning full width -->
  <tr>
    <td colspan="3" style="padding-bottom:14px;">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="vertical-align:middle;padding-right:16px;">
            <img src="https://hyperlogicsolutions.co.uk/assets/logo/favicon-logo.png" alt="" width="72" height="72" style="display:block;border:0;" />
          </td>
          <td style="vertical-align:middle;">
            <img src="https://hyperlogicsolutions.co.uk/assets/logo/horizontal.png" alt="HyperLogic Solutions" width="210" style="display:block;border:0;" />
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- Row 2: Details | divider | QR -->
  <tr>
    <td style="vertical-align:top;">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#d4a017;padding-bottom:10px;">
            Business Automation &amp; AI Solutions
          </td>
        </tr>
        <tr>
          <td style="font-size:13px;padding-bottom:4px;">
            <a href="tel:07440445768" style="color:#1a1a2e;text-decoration:none;">&#128222;&nbsp; 07440 445768</a>
          </td>
        </tr>
        <tr>
          <td style="font-size:13px;padding-bottom:4px;">
            <a href="mailto:contact@hyperlogicsolutions.co.uk" style="color:#1a1a2e;text-decoration:none;">&#9993;&nbsp; contact@hyperlogicsolutions.co.uk</a>
          </td>
        </tr>
        <tr>
          <td style="font-size:13px;padding-bottom:12px;">
            <a href="https://hyperlogicsolutions.co.uk" style="color:#1a1a2e;text-decoration:none;">&#127760;&nbsp; hyperlogicsolutions.co.uk</a>
          </td>
        </tr>
        <tr>
          <td>
            <table cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="padding-right:10px;">
                  <a href="https://linkedin.com/company/hyperlogicsolutions" style="color:#0A66C2;font-size:12px;font-weight:500;text-decoration:none;">LinkedIn</a>
                </td>
                <td style="padding-right:10px;color:#e0e0e0;">|</td>
                <td style="padding-right:10px;">
                  <a href="https://instagram.com/hyperlogicsolutions" style="color:#d6249f;font-size:12px;font-weight:500;text-decoration:none;">Instagram</a>
                </td>
                <td style="padding-right:10px;color:#e0e0e0;">|</td>
                <td>
                  <a href="https://x.com/HyperLogicSlns" style="color:#0a0a0a;font-size:12px;font-weight:500;text-decoration:none;">X / Twitter</a>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <!-- Vertical divider -->
    <td style="width:1px;padding:0 20px;vertical-align:top;">
      <div style="width:1px;height:100%;background:#1a1a2e;min-height:120px;">&nbsp;</div>
    </td>
    <!-- QR code -->
    <td style="padding-left:20px;vertical-align:top;text-align:center;">
      <a href="https://hyperlogicsolutions.co.uk/card" style="text-decoration:none;display:block;">
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAklEQVR4AewaftIAAARTSURBVO3B0W0cuxZE0W2is6ggTv5hVBAVh54J3AMIhLo1Y+rZP1zr18dvHH9scGwZHFsuPpGKn5CYlVSsEvNEKlpiJqloiVlJxSoxTSp+QmKmwbFlcGy5uJGYd0nFKxIzScWTxDSpeEVimlTcScy7pGI1OLZcfEMqniTmiVSspGJKzLsS8xWpmBLzLql4kpg7g2PL4Nhy8ZckpknFE6l4hVS0xPwLg2PLxV8iFSupaIlpibkjFV+Rin9hcGwZHFsuvpGYn5CYJhWvkIoniWlSMSXmXYn5U4Njy+DYcnFDKv7fEtOkoiVmlZhJKl4lFVNiVlLxEwbHlotPEvM3JGaSiieJWSXmK4l5RWJ+0uDYMji2XHwiFS0xk1S8KzEtMZNUrBLzKqmYEtOkoiVmkoqWmJVUvCsxdwbHlosbUrFKzEoqWmImqVglpknFSipWiWmJmaTiK1KxkoopMa9KzB2paImZBseWwbHl18dvvEgq3pWYSSpaYlZSsSMxK6lYJWaSiq8k5h2DY8vFJ1LREnMnMU+koknFlJh3JWYlFS0xK6l4IhVPpGJKTJOKKTGrwbFlcGy5+CQx75KKV0hFS8wkFS0xK6loiZkS06SiJWaVmHdJxSQVLTF3BseWwbHl4oZUrBLzJDErqZgS80QqWmKmxLxKKlZS8a7E3JGKlphpcGy5+EQqWmImqXiVVNyRilVimlQ8kYoniVlJxZSYJhVTYppUNKlYJWZKzGpwbBkcWy6+kZgmFavErKSiJeaOVLTErKSiJeaJVKwSM0lFS8yTxKykYkrManBsufgkMa9IzFekYkrMSipWiWlS0RIzJeaJVLTErKRiSsxKKlpimlSsEnNncGwZHFt+ffzGf6RilZgmFavEPJGKVWKeSMUqMZNUtMSspGJHYiapaImZpKIlZhocWwbHlosbiZmkYpWYr0jFKjF3pKIl5olUrKRilZgmFVNimlT8qcSsBseWi28kpknFSipaYn5SYppUrBKzkoqWmDuJeZKYJhVTYlaDY8vg2HLxDal4lVRMiWlS8QqpaImZpOKJVKwS06TijlR8JTGTVKykoiVmGhxbLj5JzCoxTxLzisQ8kYpVYlZS8a7EPJGKJhXvGBxbBseWi0+k4ickpiVmJRVTYl4lFVNimlS0xExS8UQqpsS8KjF3BseWixuJeZdUrKTijlS0xKykoiVmkoqWmCYVr0jMk8SspGKVmGlwbBkcWy6+IRVPEvOuxExS8SQxq8Q0qWiJWUnFJBXvkoqWmDuDY8vg2HLxDyXmiVS0xKwS06RilZg7UtES06RiJRWrxEyDY8vFPyAVTxIzJaZJxSsS06TiFVLxisSsBseWwbHl4huJ2ZGYlVSsEtOkYkpMS8wkFS0xr0jME6lYJaZJxZ3BseXXx2/8Ryp+QmKaVEyJWUnFVxIzSUVLzEoqWmImqWiJWUnFlJgnUtESc2dwbBkcW359/MbxxwbHlv8BEg04g63LJgMAAAAASUVORK5CYII=" alt="Scan to save contact" width="80" height="80" style="display:block;border:1px solid #e0e0e0;border-radius:6px;padding:4px;margin:0 auto 6px;" />
        <span style="font-size:10px;color:#555555;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;">Save my card</span>
      </a>
    </td>
  </tr>
</table>
← Back to card