Design System
View
Marketing · Email

Email templates

Ready-to-send HTML emails in the Pierce voice — a range of content density and promotional style so there's a starting point for every send. Each follows the email principles: brand serifs with safe fallbacks, the real wordmark, dark mode, mobile stacking, and bulletproof CTAs. Preview, then copy the source.

Previews follow your OS light/dark setting — flip it to see both modes. The previews load images from this site; the copied source uses absolute piercelaw.com URLs (swap the host if you serve assets elsewhere). Assets live in /public/design-system/ (email/, photos/, illustrations/).

Monthly newsletter

Full-bleed hero photo, featured story, illustration-led two-column briefs, a split stat strip, and a navy CTA band.

Monthly newsletter RichEditorialRecurring nurture — “The Pierce Brief”
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>The Pierce Brief — Estate planning notes for North Carolina families</title>
  <!--[if mso]>
  <noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap" rel="stylesheet">
  <!--<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap');
    body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    table,td{mso-table-lspace:0;mso-table-rspace:0}
    img{-ms-interpolation-mode:bicubic;border:0;height:auto;line-height:100%;outline:none;text-decoration:none}
    body{margin:0!important;padding:0!important;width:100%!important;background:#f4efe4}
    a{color:#8a6a2e}
    .logo-dark{display:none}
    /* Mobile */
    @media only screen and (max-width:600px){
      .container{width:100%!important}
      .px{padding-left:24px!important;padding-right:24px!important}
      .stack{display:block!important;width:100%!important}
      .stack-pad{padding:0 0 22px 0!important}
      .h1{font-size:30px!important;line-height:1.15!important}
      .hero{height:auto!important}
      .fluid{width:100%!important;height:auto!important}
    }
    /* Dark mode — Apple Mail / iOS */
    @media (prefers-color-scheme:dark){
      body,.bg{background:#0a1729!important}
      .card{background:#10243d!important}
      .text{color:#f4efe4!important}
      .muted{color:#a9c0d8!important}
      .hr{border-color:#1d3a55!important}
      .eyebrow,.link{color:#d4b876!important}
      .band{background:#10243d!important}
      .logo-light{display:none!important}
      .logo-dark{display:block!important}
    }
    /* Dark mode — Outlook.com */
    [data-ogsc] body,[data-ogsc] .bg{background:#0a1729!important}
    [data-ogsc] .card{background:#10243d!important}
    [data-ogsc] .text{color:#f4efe4!important}
    [data-ogsc] .muted{color:#a9c0d8!important}
    [data-ogsc] .hr{border-color:#1d3a55!important}
    [data-ogsc] .eyebrow,[data-ogsc] .link{color:#d4b876!important}
    [data-ogsc] .band{background:#10243d!important}
    [data-ogsc] .logo-light{display:none!important}
    [data-ogsc] .logo-dark{display:block!important}
  </style>
</head>
<body style="margin:0;padding:0;background:#f4efe4;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;opacity:0;font-size:1px;line-height:1px;color:#f4efe4;">This month: the document new parents overlook, a probate-timeline myth, and when to revisit your plan.&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
  <table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f4efe4;">
    <tr><td align="center" style="padding:24px 12px;">
      <!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
      <table role="presentation" class="container card" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:#fffdf8;border:1px solid #e7ddc9;">
        
      <tr><td class="px" style="padding:30px 40px 22px;text-align:center;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></td></tr>

      <!-- full-bleed hero photo -->
      <tr><td style="padding:0;font-size:0;line-height:0;">
        <img class="fluid" src="https://piercelaw.com/design-system/photos/family-porch.png" width="600" height="338" alt="A family gathered on a front porch" style="display:block;width:100%;max-width:600px;height:auto;">
      </td></tr>

      <tr><td class="px band" style="padding:28px 40px 8px;background:#fffdf8;text-align:center;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">The Pierce Brief &middot; June 2026</div>
        <h1 class="h1 text" style="margin:10px 0 0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:38px;line-height:1.1;font-weight:700;color:#1a1916;letter-spacing:-.01em;">Notes for North&nbsp;Carolina families</h1>
        <p class="text" style="margin:14px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.7;color:#5f594a;">A short monthly read on protecting what you&rsquo;ve built &mdash; in plain English, from the attorneys who do this every day.</p>
      </td></tr>

      <tr><td class="px" style="padding:24px 40px 0;"><div class="hr" style="border-top:1px solid #e7ddc9;line-height:1px;font-size:1px;">&nbsp;</div></td></tr>

      <!-- lead story -->
      <tr><td class="px" style="padding:26px 40px 0;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">Featured</div>
        <div style="height:8px;font-size:8px;line-height:8px;">&nbsp;</div>
        <h2 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:26px;line-height:1.2;font-weight:700;color:#1a1916;">The one document new parents overlook</h2>
        <p class="text" style="margin:14px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.7;color:#5f594a;">A will names who raises your children &mdash; but says nothing about who can act for <em>them</em> while you&rsquo;re traveling or in the hospital. A standby guardianship closes that gap in an afternoon.</p>
        <div style="margin-top:18px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Read the guide &rarr;</a>
        </td></tr></table></div>
      </td></tr>

      <tr><td class="px" style="padding:28px 40px 4px;"><div class="hr" style="border-top:1px solid #e7ddc9;line-height:1px;font-size:1px;">&nbsp;</div></td></tr>

      <!-- two-up, illustration-led -->
      <tr><td class="px" style="padding:22px 40px 0;"><div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">Also this month</div></td></tr>
      <tr><td class="px" style="padding:16px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
        <td class="stack stack-pad" width="50%" valign="top" style="padding-right:12px;"><img src="https://piercelaw.com/design-system/illustrations/scales-gold.png" width="64" height="55" alt="" style="display:block;border:0;margin-bottom:12px;">
     <h3 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:20px;line-height:1.25;font-weight:700;color:#1a1916;">Probate isn&rsquo;t as slow as you&rsquo;ve heard</h3>
     <p class="muted" style="margin:8px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#5f594a;">Most NC estates settle in months, not years. Here&rsquo;s the real timeline.</p>
     <a href="#" class="link" style="display:inline-block;margin-top:10px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;font-weight:600;color:#8a6a2e;text-decoration:none;">Read &rarr;</a></td>
        <td class="stack" width="50%" valign="top" style="padding-left:12px;"><img src="https://piercelaw.com/design-system/illustrations/tree-gold.png" width="64" height="55" alt="" style="display:block;border:0;margin-bottom:12px;">
     <h3 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:20px;line-height:1.25;font-weight:700;color:#1a1916;">Five signs it&rsquo;s time to revisit</h3>
     <p class="muted" style="margin:8px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#5f594a;">Marriage, a move, a new grandchild &mdash; life events that should trigger a review.</p>
     <a href="#" class="link" style="display:inline-block;margin-top:10px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;font-weight:600;color:#8a6a2e;text-decoration:none;">Read &rarr;</a></td>
      </tr></table>
      </td></tr>

      <!-- stat strip -->
      <tr><td class="px" style="padding:30px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="band" style="background:#f3ead6;"><tr>
          <td width="50%" align="center" style="padding:22px 10px;">
            <div class="text" style="font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:34px;font-weight:700;color:#1a1916;line-height:1;">10,000+</div>
            <div class="muted" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;letter-spacing:.04em;color:#5f594a;margin-top:6px;">Families helped</div>
          </td>
          <td width="50%" align="center" style="padding:22px 10px;border-left:1px solid #e7ddc9;" >
            <div class="text" style="font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:34px;font-weight:700;color:#1a1916;line-height:1;">5.0&#9733;</div>
            <div class="muted" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;letter-spacing:.04em;color:#5f594a;margin-top:6px;">Average Google review</div>
          </td>
        </tr></table>
      </td></tr>

      <!-- CTA band -->
      <tr><td class="px" style="padding:26px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="band" style="background:#0a1729;"><tr>
          <td style="padding:30px 28px;text-align:center;">
            <p style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:23px;line-height:1.3;color:#f4efe4;">Have a question about your own plan?</p>
            <p style="margin:8px 0 18px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;color:#a9c0d8;">The first conversation is free.</p>
            <div align="center"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Schedule a consultation &rarr;</a>
        </td></tr></table></div>
          </td></tr></table>
      </td></tr>

      <tr><td style="height:16px;line-height:16px;font-size:1px;">&nbsp;</td></tr>
      <tr><td class="px" style="padding:30px 40px 36px;text-align:center;border-top:1px solid #e7ddc9;" >
        <div style="margin-bottom:14px;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;line-height:1.7;color:#5f594a;" class="muted">
          9121 Anson Way, Suite 200, Raleigh, NC 27615<br>
          <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#5f594a;margin-top:16px;" class="muted">
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">View in browser</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Update preferences</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;line-height:1.6;color:#5f594a;margin-top:16px;" class="muted">
          You're receiving this because you contacted Pierce Law Group. This message is
          attorney advertising and is not legal advice; no attorney&ndash;client
          relationship is formed by reading it.
        </div>
      </td></tr>
      </table>
      <!--[if mso]></td></tr></table><![endif]-->
      <table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
        <tr><td style="padding:16px 40px 0;text-align:center;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;color:#5f594a;" class="muted">
          Pierce Law Group &middot; Raleigh, North Carolina
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>

Welcome / onboarding

Illustration crest, numbered “what happens next” card, an attorney photo-and-quote two-column intro, primary CTA with phone fallback.

Welcome / onboarding MediumWarmFirst touch after a form submission
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>Welcome to Pierce Law Group</title>
  <!--[if mso]>
  <noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap" rel="stylesheet">
  <!--<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap');
    body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    table,td{mso-table-lspace:0;mso-table-rspace:0}
    img{-ms-interpolation-mode:bicubic;border:0;height:auto;line-height:100%;outline:none;text-decoration:none}
    body{margin:0!important;padding:0!important;width:100%!important;background:#f4efe4}
    a{color:#8a6a2e}
    .logo-dark{display:none}
    /* Mobile */
    @media only screen and (max-width:600px){
      .container{width:100%!important}
      .px{padding-left:24px!important;padding-right:24px!important}
      .stack{display:block!important;width:100%!important}
      .stack-pad{padding:0 0 22px 0!important}
      .h1{font-size:30px!important;line-height:1.15!important}
      .hero{height:auto!important}
      .fluid{width:100%!important;height:auto!important}
    }
    /* Dark mode — Apple Mail / iOS */
    @media (prefers-color-scheme:dark){
      body,.bg{background:#0a1729!important}
      .card{background:#10243d!important}
      .text{color:#f4efe4!important}
      .muted{color:#a9c0d8!important}
      .hr{border-color:#1d3a55!important}
      .eyebrow,.link{color:#d4b876!important}
      .band{background:#10243d!important}
      .logo-light{display:none!important}
      .logo-dark{display:block!important}
    }
    /* Dark mode — Outlook.com */
    [data-ogsc] body,[data-ogsc] .bg{background:#0a1729!important}
    [data-ogsc] .card{background:#10243d!important}
    [data-ogsc] .text{color:#f4efe4!important}
    [data-ogsc] .muted{color:#a9c0d8!important}
    [data-ogsc] .hr{border-color:#1d3a55!important}
    [data-ogsc] .eyebrow,[data-ogsc] .link{color:#d4b876!important}
    [data-ogsc] .band{background:#10243d!important}
    [data-ogsc] .logo-light{display:none!important}
    [data-ogsc] .logo-dark{display:block!important}
  </style>
</head>
<body style="margin:0;padding:0;background:#f4efe4;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;opacity:0;font-size:1px;line-height:1px;color:#f4efe4;">Here&rsquo;s what happens next, and how to reach us in the meantime.&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
  <table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f4efe4;">
    <tr><td align="center" style="padding:24px 12px;">
      <!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
      <table role="presentation" class="container card" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:#fffdf8;border:1px solid #e7ddc9;">
        
      <tr><td class="px" style="padding:30px 40px 18px;text-align:center;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></td></tr>

      <tr><td class="px" style="padding:6px 40px 0;text-align:center;">
        <img src="https://piercelaw.com/design-system/illustrations/key-gold.png" width="78" height="67" alt="" style="display:block;border:0;margin:0 auto 4px;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">Welcome</div>
        <h1 class="h1 text" style="margin:10px 0 0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:38px;line-height:1.1;font-weight:700;color:#1a1916;letter-spacing:-.01em;">We&rsquo;re glad you&rsquo;re here</h1>
        <p class="text" style="margin:14px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.7;color:#5f594a;">Thank you for reaching out, Jane. You&rsquo;ve taken the hardest step &mdash; deciding to put a plan in place. From here, we keep it straightforward.</p>
      </td></tr>

      <!-- numbered steps card -->
      <tr><td class="px" style="padding:26px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="band" style="background:#f3ead6;"><tr><td style="padding:24px 26px;">
          <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">What happens next</div>
          <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:14px;">
            <tr><td width="34" valign="top" style="font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:24px;font-weight:700;color:#c2a15a;">1</td>
                <td class="text" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#1a1916;padding-bottom:14px;">An attorney reviews your inquiry &mdash; usually within one business day.</td></tr>
            <tr><td width="34" valign="top" style="font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:24px;font-weight:700;color:#c2a15a;">2</td>
                <td class="text" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#1a1916;padding-bottom:14px;">We schedule a free consultation at a time that suits you.</td></tr>
            <tr><td width="34" valign="top" style="font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:24px;font-weight:700;color:#c2a15a;">3</td>
                <td class="text" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#1a1916;">You leave with clear next steps &mdash; no obligation, no pressure.</td></tr>
          </table>
        </td></tr></table>
      </td></tr>

      <!-- attorney intro (photo + copy, 2-col) -->
      <tr><td class="px" style="padding:26px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
          <td class="stack stack-pad" width="150" valign="top" style="padding-right:18px;">
            <img class="fluid" src="https://piercelaw.com/site-assets/jared-pierce.jpg" width="132" height="111" alt="Jared Pierce, Attorney" style="display:block;border:0;width:132px;height:auto;">
          </td>
          <td class="stack" valign="middle">
            <p class="text" style="margin:0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.7;color:#1a1916;">&ldquo;Estate planning isn&rsquo;t about documents &mdash; it&rsquo;s about the people you love. We&rsquo;re glad to walk it with you.&rdquo;</p>
            <p class="muted" style="margin:10px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;color:#5f594a;"><strong style="color:#1a1916;">Jared Pierce</strong> &middot; Attorney</p>
          </td>
        </tr></table>
      </td></tr>

      <tr><td class="px" style="padding:26px 40px 0;text-align:center;">
        <div align="center"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Book your free consultation &rarr;</a>
        </td></tr></table></div>
        <p class="muted" style="margin:16px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;color:#5f594a;">or call us at <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;font-weight:600;">(919) 341-7055</a></p>
      </td></tr>

      <tr><td style="height:18px;line-height:18px;font-size:1px;">&nbsp;</td></tr>
      <tr><td class="px" style="padding:30px 40px 36px;text-align:center;border-top:1px solid #e7ddc9;" >
        <div style="margin-bottom:14px;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;line-height:1.7;color:#5f594a;" class="muted">
          9121 Anson Way, Suite 200, Raleigh, NC 27615<br>
          <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#5f594a;margin-top:16px;" class="muted">
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">View in browser</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Update preferences</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;line-height:1.6;color:#5f594a;margin-top:16px;" class="muted">
          You're receiving this because you contacted Pierce Law Group. This message is
          attorney advertising and is not legal advice; no attorney&ndash;client
          relationship is formed by reading it.
        </div>
      </td></tr>
      </table>
      <!--[if mso]></td></tr></table><![endif]-->
      <table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
        <tr><td style="padding:16px 40px 0;text-align:center;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;color:#5f594a;" class="muted">
          Pierce Law Group &middot; Raleigh, North Carolina
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>

Appointment confirmation

Label/value details card with gold accent rule, add-to-calendar CTA, and an illustration-flanked prep note.

Appointment confirmation LightTransactionalTransactional — consultation booked
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>Your consultation is confirmed</title>
  <!--[if mso]>
  <noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap" rel="stylesheet">
  <!--<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap');
    body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    table,td{mso-table-lspace:0;mso-table-rspace:0}
    img{-ms-interpolation-mode:bicubic;border:0;height:auto;line-height:100%;outline:none;text-decoration:none}
    body{margin:0!important;padding:0!important;width:100%!important;background:#f4efe4}
    a{color:#8a6a2e}
    .logo-dark{display:none}
    /* Mobile */
    @media only screen and (max-width:600px){
      .container{width:100%!important}
      .px{padding-left:24px!important;padding-right:24px!important}
      .stack{display:block!important;width:100%!important}
      .stack-pad{padding:0 0 22px 0!important}
      .h1{font-size:30px!important;line-height:1.15!important}
      .hero{height:auto!important}
      .fluid{width:100%!important;height:auto!important}
    }
    /* Dark mode — Apple Mail / iOS */
    @media (prefers-color-scheme:dark){
      body,.bg{background:#0a1729!important}
      .card{background:#10243d!important}
      .text{color:#f4efe4!important}
      .muted{color:#a9c0d8!important}
      .hr{border-color:#1d3a55!important}
      .eyebrow,.link{color:#d4b876!important}
      .band{background:#10243d!important}
      .logo-light{display:none!important}
      .logo-dark{display:block!important}
    }
    /* Dark mode — Outlook.com */
    [data-ogsc] body,[data-ogsc] .bg{background:#0a1729!important}
    [data-ogsc] .card{background:#10243d!important}
    [data-ogsc] .text{color:#f4efe4!important}
    [data-ogsc] .muted{color:#a9c0d8!important}
    [data-ogsc] .hr{border-color:#1d3a55!important}
    [data-ogsc] .eyebrow,[data-ogsc] .link{color:#d4b876!important}
    [data-ogsc] .band{background:#10243d!important}
    [data-ogsc] .logo-light{display:none!important}
    [data-ogsc] .logo-dark{display:block!important}
  </style>
</head>
<body style="margin:0;padding:0;background:#f4efe4;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;opacity:0;font-size:1px;line-height:1px;color:#f4efe4;">Tuesday, June 24 at 2:00 PM with Jared Pierce. Details inside.&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
  <table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f4efe4;">
    <tr><td align="center" style="padding:24px 12px;">
      <!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
      <table role="presentation" class="container card" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:#fffdf8;border:1px solid #e7ddc9;">
        
      <tr><td class="px" style="padding:30px 40px 18px;text-align:center;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></td></tr>

      <tr><td class="px" style="padding:4px 40px 0;text-align:center;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">Confirmed</div>
        <h1 class="h1 text" style="margin:10px 0 0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:38px;line-height:1.1;font-weight:700;color:#1a1916;letter-spacing:-.01em;">Your consultation is set</h1>
        <p class="text" style="margin:14px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.7;color:#5f594a;">Thanks, Jane. We&rsquo;re looking forward to meeting you. Add the details below so nothing slips.</p>
      </td></tr>

      <!-- details card with gold accent -->
      <tr><td class="px" style="padding:24px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="band" style="background:#f3ead6;border-left:3px solid #c2a15a;"><tr><td style="padding:24px 28px;">
          <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr><td class="muted" width="110" valign="top" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5f594a;padding-bottom:14px;">When</td>
                <td class="text" valign="top" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.5;color:#1a1916;padding-bottom:14px;">Tuesday, June 24, 2026<br>2:00&ndash;2:45&nbsp;PM ET</td></tr>
            <tr><td class="muted" width="110" valign="top" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5f594a;padding-bottom:14px;">With</td>
                <td class="text" valign="top" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.5;color:#1a1916;padding-bottom:14px;">Jared Pierce, Attorney</td></tr>
            <tr><td class="muted" width="110" valign="top" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5f594a;">Where</td>
                <td class="text" valign="top" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.5;color:#1a1916;">9121 Anson Way, Suite 200, Raleigh, NC 27615</td></tr>
          </table>
        </td></tr></table>
      </td></tr>

      <tr><td class="px" style="padding:22px 40px 0;text-align:center;">
        <div align="center"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Add to calendar &rarr;</a>
        </td></tr></table></div>
        <p class="muted" style="margin:16px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;line-height:1.6;color:#5f594a;">Need to reschedule? <a href="#" class="link" style="color:#8a6a2e;">Pick a new time</a> or call <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>.</p>
      </td></tr>

      <tr><td class="px" style="padding:24px 40px 0;"><div class="hr" style="border-top:1px solid #e7ddc9;line-height:1px;font-size:1px;">&nbsp;</div>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:18px;"><tr>
          <td width="80" valign="top" style="padding-right:16px;"><img src="https://piercelaw.com/design-system/illustrations/files-navy.png" width="64" height="55" alt="" style="display:block;border:0;"></td>
          <td valign="top"><p class="muted" style="margin:0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;line-height:1.7;color:#5f594a;"><strong style="color:#1a1916;">To make the most of our time:</strong> bring a rough list of your assets and anyone you&rsquo;d want involved. Don&rsquo;t worry about getting it perfect &mdash; we&rsquo;ll sort the details together.</p></td>
        </tr></table>
      </td></tr>

      <tr><td style="height:18px;line-height:18px;font-size:1px;">&nbsp;</td></tr>
      <tr><td class="px" style="padding:30px 40px 36px;text-align:center;border-top:1px solid #e7ddc9;" >
        <div style="margin-bottom:14px;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;line-height:1.7;color:#5f594a;" class="muted">
          9121 Anson Way, Suite 200, Raleigh, NC 27615<br>
          <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#5f594a;margin-top:16px;" class="muted">
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">View in browser</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Update preferences</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;line-height:1.6;color:#5f594a;margin-top:16px;" class="muted">
          You're receiving this because you contacted Pierce Law Group. This message is
          attorney advertising and is not legal advice; no attorney&ndash;client
          relationship is formed by reading it.
        </div>
      </td></tr>
      </table>
      <!--[if mso]></td></tr></table><![endif]-->
      <table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
        <tr><td style="padding:16px 40px 0;text-align:center;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;color:#5f594a;" class="muted">
          Pierce Law Group &middot; Raleigh, North Carolina
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>

Announcement / lead magnet

Full-width navy promo hero with a gold illustration, checkmark value list, and a repeated single CTA.

Announcement / lead magnet LightBold promoOne message, one action
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>A new way to start your estate plan</title>
  <!--[if mso]>
  <noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap" rel="stylesheet">
  <!--<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap');
    body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    table,td{mso-table-lspace:0;mso-table-rspace:0}
    img{-ms-interpolation-mode:bicubic;border:0;height:auto;line-height:100%;outline:none;text-decoration:none}
    body{margin:0!important;padding:0!important;width:100%!important;background:#f4efe4}
    a{color:#8a6a2e}
    .logo-dark{display:none}
    /* Mobile */
    @media only screen and (max-width:600px){
      .container{width:100%!important}
      .px{padding-left:24px!important;padding-right:24px!important}
      .stack{display:block!important;width:100%!important}
      .stack-pad{padding:0 0 22px 0!important}
      .h1{font-size:30px!important;line-height:1.15!important}
      .hero{height:auto!important}
      .fluid{width:100%!important;height:auto!important}
    }
    /* Dark mode — Apple Mail / iOS */
    @media (prefers-color-scheme:dark){
      body,.bg{background:#0a1729!important}
      .card{background:#10243d!important}
      .text{color:#f4efe4!important}
      .muted{color:#a9c0d8!important}
      .hr{border-color:#1d3a55!important}
      .eyebrow,.link{color:#d4b876!important}
      .band{background:#10243d!important}
      .logo-light{display:none!important}
      .logo-dark{display:block!important}
    }
    /* Dark mode — Outlook.com */
    [data-ogsc] body,[data-ogsc] .bg{background:#0a1729!important}
    [data-ogsc] .card{background:#10243d!important}
    [data-ogsc] .text{color:#f4efe4!important}
    [data-ogsc] .muted{color:#a9c0d8!important}
    [data-ogsc] .hr{border-color:#1d3a55!important}
    [data-ogsc] .eyebrow,[data-ogsc] .link{color:#d4b876!important}
    [data-ogsc] .band{background:#10243d!important}
    [data-ogsc] .logo-light{display:none!important}
    [data-ogsc] .logo-dark{display:block!important}
  </style>
</head>
<body style="margin:0;padding:0;background:#f4efe4;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;opacity:0;font-size:1px;line-height:1px;color:#f4efe4;">Our free Estate Planning Checklist is ready — built for North Carolina families.&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
  <table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f4efe4;">
    <tr><td align="center" style="padding:24px 12px;">
      <!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
      <table role="presentation" class="container card" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:#fffdf8;border:1px solid #e7ddc9;">
        
      <tr><td class="px" style="padding:26px 40px 22px;text-align:center;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></td></tr>

      <!-- navy promo hero with illustration -->
      <tr><td class="band" style="padding:40px;background:#0a1729;text-align:center;">
        <img src="https://piercelaw.com/design-system/illustrations/signature-gold.png" width="84" height="72" alt="" style="display:block;border:0;margin:0 auto 14px;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#d4b876;">New &middot; Free resource</div>
        <h1 class="h1" style="margin:12px 0 0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:36px;line-height:1.12;font-weight:700;color:#f4efe4;letter-spacing:-.01em;">The Estate Planning Checklist</h1>
        <p style="margin:14px auto 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.7;color:#a9c0d8;max-width:420px;">Everything to gather before you plan &mdash; one clear, printable page built for North Carolina families.</p>
        <div align="center" style="margin-top:24px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Download the checklist &rarr;</a>
        </td></tr></table></div>
      </td></tr>

      <tr><td class="px" style="padding:28px 40px 0;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">What&rsquo;s inside</div>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:14px;">
          <tr><td valign="top" width="28" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;color:#c2a15a;font-weight:700;padding-bottom:12px;">&#10003;</td>
              <td class="text" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.6;color:#1a1916;padding-bottom:12px;">The five documents every adult should have</td></tr>
          <tr><td valign="top" width="28" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;color:#c2a15a;font-weight:700;padding-bottom:12px;">&#10003;</td>
              <td class="text" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.6;color:#1a1916;padding-bottom:12px;">How to title accounts so they pass smoothly</td></tr>
          <tr><td valign="top" width="28" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;color:#c2a15a;font-weight:700;">&#10003;</td>
              <td class="text" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:16px;line-height:1.6;color:#1a1916;">Questions to answer before your first meeting</td></tr>
        </table>
      </td></tr>

      <tr><td class="px" style="padding:24px 40px 4px;text-align:center;">
        <div align="center"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Get your free copy &rarr;</a>
        </td></tr></table></div>
      </td></tr>

      <tr><td style="height:18px;line-height:18px;font-size:1px;">&nbsp;</td></tr>
      <tr><td class="px" style="padding:30px 40px 36px;text-align:center;border-top:1px solid #e7ddc9;" >
        <div style="margin-bottom:14px;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;line-height:1.7;color:#5f594a;" class="muted">
          9121 Anson Way, Suite 200, Raleigh, NC 27615<br>
          <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#5f594a;margin-top:16px;" class="muted">
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">View in browser</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Update preferences</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;line-height:1.6;color:#5f594a;margin-top:16px;" class="muted">
          You're receiving this because you contacted Pierce Law Group. This message is
          attorney advertising and is not legal advice; no attorney&ndash;client
          relationship is formed by reading it.
        </div>
      </td></tr>
      </table>
      <!--[if mso]></td></tr></table><![endif]-->
      <table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
        <tr><td style="padding:16px 40px 0;text-align:center;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;color:#5f594a;" class="muted">
          Pierce Law Group &middot; Raleigh, North Carolina
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>

Personal follow-up

Letter-style note that reads like a personal email — minimal chrome, signed, reply-friendly.

Personal follow-up MinimalPersonalWarm re-engagement from an attorney
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>Following up from Pierce Law Group</title>
  <!--[if mso]>
  <noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap" rel="stylesheet">
  <!--<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap');
    body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    table,td{mso-table-lspace:0;mso-table-rspace:0}
    img{-ms-interpolation-mode:bicubic;border:0;height:auto;line-height:100%;outline:none;text-decoration:none}
    body{margin:0!important;padding:0!important;width:100%!important;background:#f4efe4}
    a{color:#8a6a2e}
    .logo-dark{display:none}
    /* Mobile */
    @media only screen and (max-width:600px){
      .container{width:100%!important}
      .px{padding-left:24px!important;padding-right:24px!important}
      .stack{display:block!important;width:100%!important}
      .stack-pad{padding:0 0 22px 0!important}
      .h1{font-size:30px!important;line-height:1.15!important}
      .hero{height:auto!important}
      .fluid{width:100%!important;height:auto!important}
    }
    /* Dark mode — Apple Mail / iOS */
    @media (prefers-color-scheme:dark){
      body,.bg{background:#0a1729!important}
      .card{background:#10243d!important}
      .text{color:#f4efe4!important}
      .muted{color:#a9c0d8!important}
      .hr{border-color:#1d3a55!important}
      .eyebrow,.link{color:#d4b876!important}
      .band{background:#10243d!important}
      .logo-light{display:none!important}
      .logo-dark{display:block!important}
    }
    /* Dark mode — Outlook.com */
    [data-ogsc] body,[data-ogsc] .bg{background:#0a1729!important}
    [data-ogsc] .card{background:#10243d!important}
    [data-ogsc] .text{color:#f4efe4!important}
    [data-ogsc] .muted{color:#a9c0d8!important}
    [data-ogsc] .hr{border-color:#1d3a55!important}
    [data-ogsc] .eyebrow,[data-ogsc] .link{color:#d4b876!important}
    [data-ogsc] .band{background:#10243d!important}
    [data-ogsc] .logo-light{display:none!important}
    [data-ogsc] .logo-dark{display:block!important}
  </style>
</head>
<body style="margin:0;padding:0;background:#f4efe4;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;opacity:0;font-size:1px;line-height:1px;color:#f4efe4;">Just checking in — no pressure, whenever the timing is right for you.&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
  <table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f4efe4;">
    <tr><td align="center" style="padding:24px 12px;">
      <!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
      <table role="presentation" class="container card" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:#fffdf8;border:1px solid #e7ddc9;">
        
      <tr><td class="px" style="padding:30px 40px 20px;text-align:center;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></td></tr>

      <tr><td class="px" style="padding:8px 40px 0;">
        <p class="text" style="margin:0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:17px;line-height:1.75;color:#1a1916;">Hi Jane,</p>
        <p class="text" style="margin:18px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:17px;line-height:1.75;color:#1a1916;">I wanted to follow up on the note you sent last week about setting up a will and power of attorney. I know life gets busy &mdash; this kind of thing has a way of sliding to next month, and then the one after.</p>
        <p class="text" style="margin:18px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:17px;line-height:1.75;color:#1a1916;">There&rsquo;s no rush on our end, and no obligation. When you&rsquo;re ready, a short call is usually all it takes to map out what you actually need &mdash; and what you can safely skip.</p>
        <div style="margin:24px 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td bgcolor="#c2a15a" style="mso-padding-alt:15px 32px;">
          <a href="#" style="display:inline-block;padding:15px 32px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#0a1729;text-decoration:none;">Find a time that works &rarr;</a>
        </td></tr></table></div>
        <p class="text" style="margin:24px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:17px;line-height:1.75;color:#1a1916;">Or simply reply to this email &mdash; it comes straight to me.</p>
        <p class="text" style="margin:22px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:17px;line-height:1.75;color:#1a1916;">Warm regards,</p>
        <p class="text" style="margin:6px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:17px;line-height:1.5;color:#1a1916;"><strong>Jared Pierce</strong><br><span class="muted" style="color:#5f594a;font-size:15px;font-style:italic;">Attorney &middot; Pierce Law Group</span><br><a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a></p>
      </td></tr>

      <tr><td style="height:26px;line-height:26px;font-size:1px;">&nbsp;</td></tr>
      <tr><td class="px" style="padding:30px 40px 36px;text-align:center;border-top:1px solid #e7ddc9;" >
        <div style="margin-bottom:14px;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;line-height:1.7;color:#5f594a;" class="muted">
          9121 Anson Way, Suite 200, Raleigh, NC 27615<br>
          <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#5f594a;margin-top:16px;" class="muted">
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">View in browser</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Update preferences</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;line-height:1.6;color:#5f594a;margin-top:16px;" class="muted">
          You're receiving this because you contacted Pierce Law Group. This message is
          attorney advertising and is not legal advice; no attorney&ndash;client
          relationship is formed by reading it.
        </div>
      </td></tr>
      </table>
      <!--[if mso]></td></tr></table><![endif]-->
      <table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
        <tr><td style="padding:16px 40px 0;text-align:center;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;color:#5f594a;" class="muted">
          Pierce Law Group &middot; Raleigh, North Carolina
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>

Service showcase

Hero photo, three-column service grid, star testimonial, two-column image-and-reasons block, and a gold CTA band.

Service showcase RichHigh-density promoPromotional — full firm overview
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>Estate planning, made clear — Pierce Law Group</title>
  <!--[if mso]>
  <noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap" rel="stylesheet">
  <!--<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Newsreader:opsz,[email protected],400;6..72,500;6..72,600&display=swap');
    body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    table,td{mso-table-lspace:0;mso-table-rspace:0}
    img{-ms-interpolation-mode:bicubic;border:0;height:auto;line-height:100%;outline:none;text-decoration:none}
    body{margin:0!important;padding:0!important;width:100%!important;background:#f4efe4}
    a{color:#8a6a2e}
    .logo-dark{display:none}
    /* Mobile */
    @media only screen and (max-width:600px){
      .container{width:100%!important}
      .px{padding-left:24px!important;padding-right:24px!important}
      .stack{display:block!important;width:100%!important}
      .stack-pad{padding:0 0 22px 0!important}
      .h1{font-size:30px!important;line-height:1.15!important}
      .hero{height:auto!important}
      .fluid{width:100%!important;height:auto!important}
    }
    /* Dark mode — Apple Mail / iOS */
    @media (prefers-color-scheme:dark){
      body,.bg{background:#0a1729!important}
      .card{background:#10243d!important}
      .text{color:#f4efe4!important}
      .muted{color:#a9c0d8!important}
      .hr{border-color:#1d3a55!important}
      .eyebrow,.link{color:#d4b876!important}
      .band{background:#10243d!important}
      .logo-light{display:none!important}
      .logo-dark{display:block!important}
    }
    /* Dark mode — Outlook.com */
    [data-ogsc] body,[data-ogsc] .bg{background:#0a1729!important}
    [data-ogsc] .card{background:#10243d!important}
    [data-ogsc] .text{color:#f4efe4!important}
    [data-ogsc] .muted{color:#a9c0d8!important}
    [data-ogsc] .hr{border-color:#1d3a55!important}
    [data-ogsc] .eyebrow,[data-ogsc] .link{color:#d4b876!important}
    [data-ogsc] .band{background:#10243d!important}
    [data-ogsc] .logo-light{display:none!important}
    [data-ogsc] .logo-dark{display:block!important}
  </style>
</head>
<body style="margin:0;padding:0;background:#f4efe4;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;opacity:0;font-size:1px;line-height:1px;color:#f4efe4;">Wills, trusts, probate, elder law — one trusted team for North Carolina families.&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
  <table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f4efe4;">
    <tr><td align="center" style="padding:24px 12px;">
      <!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
      <table role="presentation" class="container card" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:#fffdf8;border:1px solid #e7ddc9;">
        
      <tr><td class="px" style="padding:28px 40px 0;text-align:center;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></td></tr>

      <tr><td class="px" style="padding:20px 40px 0;text-align:center;">
        <div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">North Carolina estate &amp; elder law</div>
        <h1 class="h1 text" style="margin:10px 0 0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:38px;line-height:1.1;font-weight:700;color:#1a1916;letter-spacing:-.01em;">Plan with people who&rsquo;ve done this 10,000 times</h1>
      </td></tr>

      <!-- hero photo -->
      <tr><td style="padding:24px 0 0;font-size:0;line-height:0;">
        <img class="fluid" src="https://piercelaw.com/design-system/photos/family-signature.png" width="600" height="400" alt="A couple signing documents with their attorney" style="display:block;width:100%;max-width:600px;height:auto;">
      </td></tr>

      <!-- 3-column service grid -->
      <tr><td class="px" style="padding:30px 40px 0;"><div class="eyebrow" style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8a6a2e;">How we help</div></td></tr>
      <tr><td class="px" style="padding:16px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
        <td class="stack stack-pad" width="33.33%" valign="top" style="padding-right:10px;"><img src="https://piercelaw.com/design-system/illustrations/signature-gold.png" width="64" height="55" alt="" style="display:block;border:0;margin-bottom:12px;">
     <h3 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:20px;line-height:1.25;font-weight:700;color:#1a1916;">Wills &amp; trusts</h3>
     <p class="muted" style="margin:8px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#5f594a;">Plans that fit your family &mdash; and hold up when it matters.</p>
     </td>
        <td class="stack stack-pad" width="33.33%" valign="top" style="padding:0 5px;"><img src="https://piercelaw.com/design-system/illustrations/scales-gold.png" width="64" height="55" alt="" style="display:block;border:0;margin-bottom:12px;">
     <h3 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:20px;line-height:1.25;font-weight:700;color:#1a1916;">Probate</h3>
     <p class="muted" style="margin:8px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#5f594a;">We guide executors through every NC filing and deadline.</p>
     </td>
        <td class="stack" width="33.33%" valign="top" style="padding-left:10px;"><img src="https://piercelaw.com/design-system/illustrations/tree-gold.png" width="64" height="55" alt="" style="display:block;border:0;margin-bottom:12px;">
     <h3 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:20px;line-height:1.25;font-weight:700;color:#1a1916;">Elder law</h3>
     <p class="muted" style="margin:8px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.6;color:#5f594a;">Medicaid, long-term care, and protecting what you&rsquo;ve saved.</p>
     </td>
      </tr></table>
      </td></tr>

      <!-- testimonial -->
      <tr><td class="px" style="padding:30px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="band" style="background:#f3ead6;"><tr><td style="padding:26px 28px;text-align:center;">
          <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:18px;letter-spacing:2px;color:#c2a15a;">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
          <p class="text" style="margin:12px 0 0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:21px;line-height:1.4;font-style:italic;color:#1a1916;">&ldquo;They made an overwhelming process feel calm and clear. I finally have peace of mind.&rdquo;</p>
          <p class="muted" style="margin:12px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;letter-spacing:.04em;color:#5f594a;">Margaret H. &middot; Google review</p>
        </td></tr></table>
      </td></tr>

      <!-- 2-col image + reasons -->
      <tr><td class="px" style="padding:30px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
          <td class="stack stack-pad" width="220" valign="top" style="padding-right:20px;">
            <img class="fluid" src="https://piercelaw.com/design-system/photos/elder-hands.jpg" width="200" height="133" alt="Two people holding hands" style="display:block;border:0;width:200px;height:auto;">
          </td>
          <td class="stack" valign="top">
            <h3 class="text" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:22px;font-weight:700;color:#1a1916;">Why families choose us</h3>
            <p class="muted" style="margin:10px 0 0;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;line-height:1.7;color:#5f594a;">Flat-fee plans with no surprises. A real attorney on every matter. And the patience to answer every question &mdash; twice, if you need it.</p>
          </td>
        </tr></table>
      </td></tr>

      <!-- gold CTA band -->
      <tr><td class="px" style="padding:30px 40px 0;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#c2a15a;"><tr><td style="padding:30px 28px;text-align:center;">
          <p style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', Times, serif;font-size:24px;line-height:1.3;font-weight:700;color:#0a1729;">Your free consultation is waiting</p>
          <p style="margin:8px 0 18px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:14px;color:#0a1729;">No obligation &mdash; just a clear next step.</p>
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr>
            <td bgcolor="#0a1729" style="mso-padding-alt:15px 34px;"><a href="#" style="display:inline-block;padding:15px 34px;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:15px;font-weight:600;line-height:1;letter-spacing:.04em;color:#f4efe4;text-decoration:none;">Book now &rarr;</a></td>
          </tr></table>
        </td></tr></table>
      </td></tr>

      <tr><td style="height:18px;line-height:18px;font-size:1px;">&nbsp;</td></tr>
      <tr><td class="px" style="padding:30px 40px 36px;text-align:center;border-top:1px solid #e7ddc9;" >
        <div style="margin-bottom:14px;"><img class="logo-light" src="https://piercelaw.com/design-system/email/logo-navy.png" width="170" height="40" alt="Pierce Law Group" style="display:block;border:0;margin:0 auto;">
            <!--[if !mso]><!--><img class="logo-dark" src="https://piercelaw.com/design-system/email/logo-white.png" width="170" height="40" alt="Pierce Law Group" style="display:none;border:0;margin:0 auto;"><!--<![endif]--></div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:13px;line-height:1.7;color:#5f594a;" class="muted">
          9121 Anson Way, Suite 200, Raleigh, NC 27615<br>
          <a href="tel:+19193417055" class="link" style="color:#8a6a2e;text-decoration:none;">(919) 341-7055</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:12px;color:#5f594a;margin-top:16px;" class="muted">
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">View in browser</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a>
          &nbsp;&middot;&nbsp;
          <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Update preferences</a>
        </div>
        <div style="font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;line-height:1.6;color:#5f594a;margin-top:16px;" class="muted">
          You're receiving this because you contacted Pierce Law Group. This message is
          attorney advertising and is not legal advice; no attorney&ndash;client
          relationship is formed by reading it.
        </div>
      </td></tr>
      </table>
      <!--[if mso]></td></tr></table><![endif]-->
      <table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
        <tr><td style="padding:16px 40px 0;text-align:center;font-family:'Newsreader', Georgia, 'Times New Roman', Times, serif;font-size:11px;color:#5f594a;" class="muted">
          Pierce Law Group &middot; Raleigh, North Carolina
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>