§ Brand · Email signature

Email signature. Copy. Paste. Done.

Instrument Serif name. JetBrains Mono everywhere else. Black PNG logo + social glyphs that auto-flip white in dark-mode mail clients (Apple Mail, Outlook, Gmail iOS, Spark).

Preview · light mode

Milestones Bali
Your Name
Milestones · Bali
hi@milestonesbali.com · Website
8°39′S 115°08′E
Instagram TikTok X LinkedIn Reddit Substack

Preview · dark mode

Milestones Bali
Your Name
Milestones · Bali
hi@milestonesbali.com · Website
8°39′S 115°08′E
Instagram TikTok X LinkedIn Reddit Substack

Gmail

  1. Click Copy for Gmail / Outlook above.
  2. Gmail → Settings (⚙) → See all settings → General.
  3. Scroll to Signature → Create new → paste.
  4. Save changes at the bottom.

Apple Mail / Outlook / HTML

  1. Apple Mail: paste into Preferences → Signatures.
  2. Outlook: File → Options → Mail → Signatures → paste.
  3. For email templates or HTML editors, use Copy raw HTML.

Raw HTML

<!--[if !mso]><!--><style>
@media (prefers-color-scheme: dark) {
  .ms-name { color: #ffffff !important; }
  .ms-muted { color: #a8a8a8 !important; }
  .ms-rule { border-color: #2a2a2a !important; }
  .ms-link { color: #ffffff !important; }
}
[data-ogsc] .ms-name { color: #ffffff !important; }
[data-ogsc] .ms-muted { color: #a8a8a8 !important; }
[data-ogsc] .ms-link { color: #ffffff !important; }
</style><!--<![endif]-->
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;">
  <tr>
    <td style="padding:0 0 10px 0;" valign="middle">
      <a href="https://milestonesbali.com/" title="Milestones Bali" style="text-decoration:none;line-height:0;display:inline-block;" target="_blank" rel="noopener noreferrer">
        <img class="ms-mark" src="https://www.milestonesbali.com/milestones-logo-black-email-outline-v2.png" alt="Milestones Bali" height="21" style="display:inline-block;height:21px;width:auto;border:0;outline:none;text-decoration:none;" />
      </a>
    </td>
  </tr>
  <tr>
    <td style="padding:0 0 2px 0;">
      <span class="ms-name" style="font-family:'Instrument Serif', Georgia, 'Times New Roman', serif;font-size:22px;line-height:1.1;color:#0b0b0b;letter-spacing:-0.01em;">Your Name</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 0 12px 0;">
      <span class="ms-muted" style="font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;font-size:11px;line-height:1.4;color:#6b6b6b;letter-spacing:0.14em;text-transform:uppercase;">Milestones · Bali</span>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 0 6px 0;border-top:1px solid #e6e1d8;" class="ms-rule">
      <a href="mailto:hi@milestonesbali.com" class="ms-link" style="font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;font-size:12px;color:#0b0b0b;text-decoration:none;letter-spacing:0.02em;">hi@milestonesbali.com</a>
      <span class="ms-muted" style="font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;font-size:12px;color:#6b6b6b;padding:0 8px;">·</span>
      <a href="https://milestonesbali.com/" title="Website" style="text-decoration:none;display:inline-block;line-height:0;vertical-align:middle;" target="_blank" rel="noopener noreferrer"><img class="ms-mark" src="https://www.milestonesbali.com/social-icons/web-black-email-outline-v2.png" width="14" height="14" alt="Website" style="display:inline-block;width:14px;height:14px;border:0;outline:none;text-decoration:none;vertical-align:middle;" /></a>
    </td>
  </tr>
  <tr>
    <td style="padding:0 0 10px 0;">
      <a href="https://www.google.com/maps/place/8%C2%B039'00.0%22S+115%C2%B008'00.0%22E" class="ms-muted" style="font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;font-size:11px;color:#6b6b6b;text-decoration:none;letter-spacing:0.08em;" target="_blank" rel="noopener noreferrer">8°39′S 115°08′E</a>
    </td>
  </tr>
  <tr>
    <td style="padding:6px 0 0 0;">
      <table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
        <tr>
      <td style="padding:0 8px 0 0;" valign="middle">
        <a href="https://instagram.com/milestonesbali" title="Instagram" style="text-decoration:none;display:inline-block;line-height:0;" target="_blank" rel="noopener noreferrer">
          <img class="ms-mark" src="https://www.milestonesbali.com/social-icons/instagram-black-email-outline-v2.png" width="18" height="18" alt="Instagram" style="display:inline-block;width:18px;height:18px;border:0;outline:none;text-decoration:none;" />
        </a>
      </td>
      <td style="padding:0 8px 0 0;" valign="middle">
        <a href="https://tiktok.com/@milestonesbali" title="TikTok" style="text-decoration:none;display:inline-block;line-height:0;" target="_blank" rel="noopener noreferrer">
          <img class="ms-mark" src="https://www.milestonesbali.com/social-icons/tiktok-black-email-outline-v2.png" width="18" height="18" alt="TikTok" style="display:inline-block;width:18px;height:18px;border:0;outline:none;text-decoration:none;" />
        </a>
      </td>
      <td style="padding:0 8px 0 0;" valign="middle">
        <a href="https://x.com/milestonesbali" title="X" style="text-decoration:none;display:inline-block;line-height:0;" target="_blank" rel="noopener noreferrer">
          <img class="ms-mark" src="https://www.milestonesbali.com/social-icons/x-black-email-outline-v2.png" width="18" height="18" alt="X" style="display:inline-block;width:18px;height:18px;border:0;outline:none;text-decoration:none;" />
        </a>
      </td>
      <td style="padding:0 8px 0 0;" valign="middle">
        <a href="https://linkedin.com/company/milestonesbali" title="LinkedIn" style="text-decoration:none;display:inline-block;line-height:0;" target="_blank" rel="noopener noreferrer">
          <img class="ms-mark" src="https://www.milestonesbali.com/social-icons/linkedin-black-email-outline-v2.png" width="18" height="18" alt="LinkedIn" style="display:inline-block;width:18px;height:18px;border:0;outline:none;text-decoration:none;" />
        </a>
      </td>
      <td style="padding:0 8px 0 0;" valign="middle">
        <a href="https://reddit.com/r/milestonesbali" title="Reddit" style="text-decoration:none;display:inline-block;line-height:0;" target="_blank" rel="noopener noreferrer">
          <img class="ms-mark" src="https://www.milestonesbali.com/social-icons/reddit-black-email-outline-v2.png" width="18" height="18" alt="Reddit" style="display:inline-block;width:18px;height:18px;border:0;outline:none;text-decoration:none;" />
        </a>
      </td>
      <td style="padding:0 8px 0 0;" valign="middle">
        <a href="https://milestonesbali.substack.com" title="Substack" style="text-decoration:none;display:inline-block;line-height:0;" target="_blank" rel="noopener noreferrer">
          <img class="ms-mark" src="https://www.milestonesbali.com/social-icons/substack-black-email-outline-v2.png" width="18" height="18" alt="Substack" style="display:inline-block;width:18px;height:18px;border:0;outline:none;text-decoration:none;" />
        </a>
      </td></tr>
      </table>
    </td>
  </tr>
</table>

URL · /email-signature · noindex