`drafts/new-campaign-template.html`

93 lines
<!--
  DW Constant Contact campaign template — cloned from "The Commercial Edit" (Aug 2026).
  Reusable shell: fill the {{PLACEHOLDERS}} with the vendor-email content.
  Colors: body #efe9df · container/#fff · text #1a1a1a · body-copy #5a544c · muted #8d8478 · gold accent #7a6030
  Fonts: Georgia serif (display/body) · Helvetica sans (labels/buttons)
  Container: 600px fixed / 100% fluid. CC injects address + unsubscribe at send.
  Product image params rebuilt clean: ?v=1&width=340&height=340&crop=center
-->
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#efe9df">
 <tr><td align="center">
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;background:#ffffff;font-family:Helvetica,Arial,sans-serif;color:#1a1a1a">

   <!-- MASTHEAD -->
   <tr><td align="center" style="padding:30px 24px 6px;background:#ffffff">
     <div style="font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:5px;color:#1a1a1a;text-transform:uppercase">Designer Wallcoverings</div>
     <div style="font-family:Helvetica,Arial,sans-serif;font-size:9px;letter-spacing:4px;color:#7a6030;margin-top:6px;text-transform:uppercase">To the trade · since 2003</div>
   </td></tr>

   <!-- HERO -->
   <tr><td align="center" style="padding:26px 40px 6px;background:#ffffff">
     <p style="font-family:Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#8d8478;margin:0 0 10px">{{EYEBROW}}</p>
     <h1 style="margin:0;font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.2;font-weight:400;color:#1a1a1a">{{HEADLINE}}</h1>
     <p style="font-family:Georgia,serif;font-size:14px;line-height:22px;color:#5a544c;margin:16px 0 0">{{INTRO_PARAGRAPH}}</p>
   </td></tr>

   <!-- gold divider list (optional) -->
   <tr><td align="center" style="padding:14px 24px 0;background:#ffffff">
     <div style="font-family:Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:2px;color:#7a6030;text-transform:uppercase">{{SUBLIST_LINE}}</div>
   </td></tr>
   <tr><td style="padding:18px 40px 0;background:#ffffff"><div style="border-top:1px solid #e8e2d6;font-size:0;line-height:0">&nbsp;</div></td></tr>

   <!-- ===== REPEATING SECTION UNIT (clone per vendor line / collection) ===== -->
   <!-- section header -->
   <tr><td align="center" style="padding:34px 24px 4px;background:#ffffff">
     <a href="{{SECTION_URL}}" target="_blank" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#1a1a1a;text-decoration:none"><img src="{{SECTION_LOGO}}" alt="{{SECTION_NAME}}" height="28" style="height:28px;width:auto;max-width:220px;display:inline-block;border:0"></a>
     <div style="font-family:Georgia,serif;font-style:italic;font-size:11px;color:#8d8478;margin-top:4px">{{SECTION_SUBLINE}}</div>
   </td></tr>
   <!-- 3-up product grid -->
   <tr><td style="padding:14px 18px 0;background:#ffffff">
     <table role="presentation" width="100%" cellpadding="0" cellspacing="0"><tr>
       <td width="33%" valign="top" align="center" style="padding:0 6px">
         <a href="{{P1_URL}}" target="_blank" style="text-decoration:none">
           <img src="{{P1_IMG}}" width="170" alt="{{P1_ALT}}" style="width:100%;max-width:170px;height:auto;border-radius:4px;display:block">
           <p style="font-family:Georgia,serif;font-size:12px;color:#1a1a1a;margin:9px 0 0">{{P1_NAME}}</p>
         </a>
       </td>
       <td width="33%" valign="top" align="center" style="padding:0 6px">
         <a href="{{P2_URL}}" target="_blank" style="text-decoration:none">
           <img src="{{P2_IMG}}" width="170" alt="{{P2_ALT}}" style="width:100%;max-width:170px;height:auto;border-radius:4px;display:block">
           <p style="font-family:Georgia,serif;font-size:12px;color:#1a1a1a;margin:9px 0 0">{{P2_NAME}}</p>
         </a>
       </td>
       <td width="33%" valign="top" align="center" style="padding:0 6px">
         <a href="{{P3_URL}}" target="_blank" style="text-decoration:none">
           <img src="{{P3_IMG}}" width="170" alt="{{P3_ALT}}" style="width:100%;max-width:170px;height:auto;border-radius:4px;display:block">
           <p style="font-family:Georgia,serif;font-size:12px;color:#1a1a1a;margin:9px 0 0">{{P3_NAME}}</p>
         </a>
       </td>
     </tr></table>
   </td></tr>
   <!-- ===== end repeating unit ===== -->

   <!-- CLOSING CTA -->
   <tr><td align="center" style="padding:38px 40px 6px;background:#ffffff;border-top:1px solid #e8e2d6">
     <p style="font-family:Georgia,serif;font-size:14px;line-height:22px;color:#5a544c;margin:22px 0 18px">{{CLOSING_COPY}}</p>
     <a href="{{CTA_URL}}" target="_blank" style="display:inline-block;padding:13px 34px;background:#1a1a1a;color:#ffffff !important;font-family:Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;border-radius:2px">{{CTA_LABEL}}</a>
   </td></tr>

   <!-- SHOP BY CATEGORY pills (optional) -->
   <tr><td align="center" style="padding:22px 30px 6px;background:#ffffff">
     <a href="{{PILL1_URL}}" target="_blank" style="display:inline-block;margin:5px 4px;padding:11px 22px;background-color:transparent;border:1px solid #1a1a1a;border-radius:26px;color:#1a1a1a !important;font-family:Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;white-space:nowrap">{{PILL1}}</a>
     <a href="{{PILL2_URL}}" target="_blank" style="display:inline-block;margin:5px 4px;padding:11px 22px;background-color:transparent;border:1px solid #1a1a1a;border-radius:26px;color:#1a1a1a !important;font-family:Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;white-space:nowrap">{{PILL2}}</a>
     <a href="{{PILL3_URL}}" target="_blank" style="display:inline-block;margin:5px 4px;padding:11px 22px;background-color:transparent;border:1px solid #1a1a1a;border-radius:26px;color:#1a1a1a !important;font-family:Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;white-space:nowrap">{{PILL3}}</a>
   </td></tr>

   <!-- BRAND CLOSE -->
   <tr><td align="center" style="padding:40px 24px 14px;background:#ffffff;border-top:1px solid #e8e2d6">
     <div style="font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:5px;color:#1a1a1a;text-transform:uppercase">Designer Wallcoverings</div>
     <div style="font-family:Helvetica,Arial,sans-serif;font-size:9px;letter-spacing:4px;color:#7a6030;margin-top:6px;text-transform:uppercase">{{CAMPAIGN_TAG}}</div>
     <div style="font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:12px;color:#8d8478;margin-top:10px">To the trade — Los Angeles, since 2003</div>
   </td></tr>
   <tr><td align="center" style="padding:6px 40px 28px;background:#ffffff">
     <div style="font-family:Helvetica,Arial,sans-serif;font-size:11px;line-height:1.6;color:#9a938a">
       Designer Wallcoverings &amp; Fabrics &nbsp;·&nbsp; (888) 373-4564 &nbsp;·&nbsp; DesignerWallcoverings.com
       <br>You received this because you're a Designer Wallcoverings customer or trade contact.
     </div>
   </td></tr>
   <!-- Constant Contact appends the registered physical address (15442 Ventura Bl, Sherman Oaks, CA 91403) + working unsubscribe at send. -->

  </table>
 </td></tr>
</table>