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.
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.
<!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. ‌ ‌ ‌ ‌ ‌ ‌ ‌</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 · 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 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’ve built — 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;"> </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;"> </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 — but says nothing about who can act for <em>them</em> while you’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 →</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;"> </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’t as slow as you’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’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 →</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’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 — 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 →</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★</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 →</a> </td></tr></table></div> </td></tr></table> </td></tr> <tr><td style="height:16px;line-height:16px;font-size:1px;"> </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> · <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a> · <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–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 · 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.
<!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’s what happens next, and how to reach us in the meantime. ‌ ‌ ‌ ‌ ‌ ‌ ‌</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’re glad you’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’ve taken the hardest step — 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 — 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 — 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;">“Estate planning isn’t about documents — it’s about the people you love. We’re glad to walk it with you.”</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> · 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 →</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;"> </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> · <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a> · <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–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 · 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.
<!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. ‌ ‌ ‌ ‌ ‌ ‌ ‌</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’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–2:45 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 →</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;"> </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’d want involved. Don’t worry about getting it perfect — we’ll sort the details together.</p></td> </tr></table> </td></tr> <tr><td style="height:18px;line-height:18px;font-size:1px;"> </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> · <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a> · <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–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 · 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.
<!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. ‌ ‌ ‌ ‌ ‌ ‌ ‌</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 · 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 — 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 →</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’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;">✓</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;">✓</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;">✓</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 →</a> </td></tr></table></div> </td></tr> <tr><td style="height:18px;line-height:18px;font-size:1px;"> </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> · <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a> · <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–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 · 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.
<!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. ‌ ‌ ‌ ‌ ‌ ‌ ‌</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 — 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’s no rush on our end, and no obligation. When you’re ready, a short call is usually all it takes to map out what you actually need — 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 →</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 — 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 · 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;"> </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> · <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a> · <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–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 · 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.
<!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. ‌ ‌ ‌ ‌ ‌ ‌ ‌</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 & 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’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 & 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 — 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’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;">★★★★★</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;">“They made an overwhelming process feel calm and clear. I finally have peace of mind.”</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. · 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 — 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 — 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 →</a></td> </tr></table> </td></tr></table> </td></tr> <tr><td style="height:18px;line-height:18px;font-size:1px;"> </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> · <a href="#" class="link" style="color:#8a6a2e;text-decoration:underline;">Unsubscribe</a> · <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–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 · Raleigh, North Carolina </td></tr> </table> </td></tr> </table> </body> </html>