← back to Designer Wallcoverings
Add China Seas launch email mailer (6 theme pills + 6 heritage-house logos)
09b3f56511dacd2710e44b85cd6c1f863e0f6ea4 · 2026-06-24 12:28:35 -0700 · Steve
Files touched
A mailers/china-seas-launch.html
Diff
commit 09b3f56511dacd2710e44b85cd6c1f863e0f6ea4
Author: Steve <steve@designerwallcoverings.com>
Date: Wed Jun 24 12:28:35 2026 -0700
Add China Seas launch email mailer (6 theme pills + 6 heritage-house logos)
---
mailers/china-seas-launch.html | 230 +++++++++++++++++++++++++++++++++++++++++
1 file changed, 230 insertions(+)
diff --git a/mailers/china-seas-launch.html b/mailers/china-seas-launch.html
new file mode 100644
index 00000000..b0fcec96
--- /dev/null
+++ b/mailers/china-seas-launch.html
@@ -0,0 +1,230 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!--[if mso]>
+<noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
+<![endif]-->
+<title>China Seas — The Quadrille House at Designer Wallcoverings</title>
+<style type="text/css">
+ /* Reset + email-safe base */
+ body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+ body { margin: 0 !important; padding: 0 !important; width: 100% !important; background: #f4f1ec; font-family: Georgia, 'Times New Roman', serif; color: #2a2724; }
+ table { border-collapse: collapse !important; }
+ img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; display: block; }
+ a { color: #1a1a1a; text-decoration: none; }
+ .wrap { width: 100%; background: #f4f1ec; padding: 0; }
+ .container { max-width: 620px; margin: 0 auto; background: #ffffff; }
+ .hero-img { width: 100%; height: auto; display: block; }
+ .thumb-img { width: 100%; height: auto; display: block; }
+ .h1 { font-size: 30px; line-height: 36px; letter-spacing: 0.5px; font-weight: 400; margin: 0; color: #1a1a1a; }
+ .lede { font-size: 15px; line-height: 22px; color: #5a544c; margin: 12px 0 0; }
+ .cta-btn { display: inline-block; padding: 14px 28px; background: #1a1a1a; color: #ffffff !important; font-family: Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none; }
+ /* Semi-opaque "frosted" pill — solid rgba-baked fill, rounded, NO backdrop-filter (no email support) */
+ .pill {
+ display: inline-block;
+ margin: 5px 4px;
+ padding: 11px 20px;
+ background-color: #2a2724; /* solid fallback for Outlook / clients that drop rgba */
+ background-color: rgba(28, 24, 22, 0.62); /* semi-opaque frosted look over the hero band */
+ border: 1px solid rgba(255, 255, 255, 0.55);
+ border-radius: 26px;
+ color: #ffffff !important;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 11px;
+ letter-spacing: 2px;
+ text-transform: uppercase;
+ text-decoration: none;
+ white-space: nowrap;
+ }
+ .pill:visited, .pill:hover { color: #ffffff !important; }
+ .cat-label { font-family: Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; margin: 0; }
+ .footer-text { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; color: #8d8478; }
+ @media only screen and (max-width: 620px) {
+ .stack { display: block !important; width: 100% !important; }
+ .h1 { font-size: 24px !important; line-height: 30px !important; }
+ .pill { font-size: 10px !important; padding: 10px 16px !important; }
+ }
+</style>
+</head>
+<body style="margin:0;padding:0;background:#f4f1ec;">
+<table role="presentation" class="wrap" width="100%" cellspacing="0" cellpadding="0" border="0">
+<tr><td align="center" style="padding: 20px 0;">
+
+ <!-- ============ CONTAINER ============ -->
+ <table role="presentation" class="container" width="620" cellspacing="0" cellpadding="0" border="0" style="background:#ffffff;">
+
+ <!-- ============ DW BANNER ============ -->
+ <tr><td align="center" style="padding: 28px 0 14px; border-bottom: 1px solid #e8e2d6;">
+ <a href="https://designerwallcoverings.com?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" style="text-decoration:none;color:#1a1a1a;">
+ <div style="font-family: Georgia, 'Times New Roman', serif; font-size: 26px; letter-spacing: 6px; font-weight: 400; color: #1a1a1a; text-transform: uppercase;">Designer Wallcoverings</div>
+ <div style="font-family: Helvetica, Arial, sans-serif; font-size: 9px; letter-spacing: 4px; color: #8d8478; margin-top: 4px; text-transform: uppercase;">est. 2003 · to the trade</div>
+ </a>
+ </td></tr>
+
+ <!-- ============ NAV ============ -->
+ <tr><td align="center" style="padding: 12px 0 16px; border-bottom: 1px solid #e8e2d6; font-family: Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase;">
+ <a href="https://designerwallcoverings.com/collections/wallcoverings?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" style="color:#1a1a1a; padding: 0 12px;">Wallcoverings</a>
+ <span style="color:#d4cdb8;">|</span>
+ <a href="https://designerwallcoverings.com/collections/fabrics?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" style="color:#1a1a1a; padding: 0 12px;">Fabrics</a>
+ <span style="color:#d4cdb8;">|</span>
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" style="color:#9a7b3f; padding: 0 12px; font-weight: 600;">China Seas · New</a>
+ <span style="color:#d4cdb8;">|</span>
+ <a href="https://designerwallcoverings.com/pages/trade?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" style="color:#1a1a1a; padding: 0 12px;">Trade</a>
+ </td></tr>
+
+ <!-- ============ HERO IMAGE + FROSTED PILLS OVERLAY ============ -->
+ <!-- Hero = China Seas "Arbre de Matisse" (the house signature print), confirmed-live S3 URL (HTTP 200). -->
+ <tr><td style="padding: 0;">
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://quadrillefabrics.s3.us-east-2.amazonaws.com/Wallpaper_Images/ARBRE%20DE%20MATISSE%202030-09WP.jpg" alt="Arbre de Matisse by China Seas — hand-printed botanical" class="hero-img" width="620" style="width:100%; max-width:620px; height:auto;">
+ </a>
+ </td></tr>
+
+ <!-- ============ 6 FROSTED PILLS (China Seas themes) ============ -->
+ <!-- Pills sit on a dark band just under the hero so the semi-opaque rgba fill reads as "frosted glass over the image" without relying on backdrop-filter. -->
+ <tr><td align="center" style="padding: 0; background:#1c1816; background: linear-gradient(180deg, #221d1a 0%, #1c1816 100%);">
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+ <tr><td align="center" style="padding: 26px 18px 28px;">
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">China Seas</a>
+ <a href="https://designerwallcoverings.com/collections/chinoiserie-collection?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Chinoiserie</a>
+ <a href="https://designerwallcoverings.com/collections/lattice-and-trellis-patterns?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Lattice & Trellis</a>
+ <a href="https://designerwallcoverings.com/collections/ikat?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Ikat</a>
+ <a href="https://designerwallcoverings.com/collections/florals-botanicals?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Florals & Botanicals</a>
+ <a href="https://designerwallcoverings.com/collections/stripes-geometrics?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="pill">Stripes & Geometrics</a>
+ </td></tr>
+ </table>
+ </td></tr>
+
+ <!-- ============ HERO COPY ============ -->
+ <tr><td style="padding: 36px 36px 8px;" align="center">
+ <p class="h1" style="font-family: Georgia, 'Times New Roman', serif; font-size: 30px; line-height: 36px; margin: 0; color: #1a1a1a;">China Seas</p>
+ <p style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #9a7b3f; margin: 14px 0 0;">The Quadrille House · Now at Designer Wallcoverings</p>
+ <p class="lede" style="font-family: Georgia, 'Times New Roman', serif; font-size: 15px; line-height: 22px; color: #5a544c; margin: 18px 32px 0; max-width: 480px;">
+ Hand-printed in the Quadrille tradition since the 1960s — China Seas is the house that made the lattice, the ikat, and the chinoiserie ground a designer's vocabulary. The full library, in wallcovering and fabric, is now stocked at Designer Wallcoverings.
+ </p>
+ <p style="margin: 28px 0 0;">
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="cta-btn" style="display:inline-block; padding:14px 36px; background:#1a1a1a; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; text-decoration:none;">Shop China Seas</a>
+ </p>
+ </td></tr>
+
+ <!-- ============ 3 FEATURED PATTERNS ============ -->
+ <!-- All three image URLs confirmed-live (HTTP 200) on the quadrillefabrics S3 bucket. Native res, never upscaled. -->
+ <tr><td style="padding: 48px 24px 16px;" align="center">
+ <p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #8d8478; margin: 0 0 24px;">Featured Patterns</p>
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td class="stack" width="33%" valign="top" style="padding: 0 6px;" align="center">
+ <a href="https://designerwallcoverings.com/collections/florals-botanicals?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://quadrillefabrics.s3.us-east-2.amazonaws.com/Wallpaper_Images/CLIMBING%20HYDRANGEA%20303304WP.jpg" alt="Climbing Hydrangea — Peach on Off White" class="thumb-img" width="180" style="width:100%; max-width:180px; height:auto;">
+ <p style="font-family: Georgia, serif; font-size: 13px; color: #1a1a1a; margin: 12px 0 2px;">Climbing Hydrangea</p>
+ <p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 1.5px; color: #8d8478; margin: 0;">Florals & Botanicals</p>
+ </a>
+ </td>
+ <td class="stack" width="33%" valign="top" style="padding: 0 6px;" align="center">
+ <a href="https://designerwallcoverings.com/collections/lattice-and-trellis-patterns?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://quadrillefabrics.s3.us-east-2.amazonaws.com/Wallpaper_Images/LYFORD%20TRELLIS%206020W-03.jpg" alt="Lyford Trellis — Aqua Brown on White" class="thumb-img" width="180" style="width:100%; max-width:180px; height:auto;">
+ <p style="font-family: Georgia, serif; font-size: 13px; color: #1a1a1a; margin: 12px 0 2px;">Lyford Trellis</p>
+ <p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 1.5px; color: #8d8478; margin: 0;">Lattice & Trellis</p>
+ </a>
+ </td>
+ <td class="stack" width="33%" valign="top" style="padding: 0 6px;" align="center">
+ <a href="https://designerwallcoverings.com/collections/chinoiserie-collection?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://quadrillefabrics.s3.us-east-2.amazonaws.com/Wallpaper_Images/SAN%20MARCO%202330-04WP.jpg" alt="San Marco — Coral on Off White" class="thumb-img" width="180" style="width:100%; max-width:180px; height:auto;">
+ <p style="font-family: Georgia, serif; font-size: 13px; color: #1a1a1a; margin: 12px 0 2px;">San Marco</p>
+ <p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 1.5px; color: #8d8478; margin: 0;">Chinoiserie</p>
+ </a>
+ </td>
+ </tr>
+ </table>
+ </td></tr>
+
+ <!-- ============ EXPLORE THE LIBRARY — 6 VENDOR LOGOS ============ -->
+ <!--
+ LOGO HOSTING GAP (must resolve at send-prep — see pending-approval memo):
+ The 6 logo <img src> below point at the EXPECTED DW site path https://designerwallcoverings.com/vendor-logos/<file>.
+ As of build, that path returns 301 (NOT a confirmed-live asset) and the cdn.shopify guess 404s — so the logos
+ are NOT yet confirmed-hosted. Before send, upload these exact local files and confirm a real 200 URL:
+ vendor-logos/china-seas.png -> china-seas (500x57)
+ vendor-logos/quadrille.png -> quadrille-wallcoverings (550x121)
+ vendor-logos/nina-campbell-shopify.jpg -> nina-campbell (270x130)
+ vendor-logos/schumacher-shopify.png -> schumacher-wallpaper (480x267)
+ vendor-logos/thibaut.png -> thibaut-wallcoverings (816x140)
+ vendor-logos/cole-son.png -> cole-sons (1445x335)
+ All raster (PNG/JPG) — no SVG (Outlook/Gmail strip SVG). Images shown at <= native res (never upscaled).
+ -->
+ <tr><td style="padding: 52px 24px 16px;" align="center">
+ <p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #8d8478; margin: 0 0 4px;">Pairs Well With</p>
+ <p style="font-family: Georgia, serif; font-size: 22px; color: #1a1a1a; margin: 0 0 28px;">The Heritage Houses</p>
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td class="stack" width="33%" valign="middle" align="center" style="padding: 14px 8px;">
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://designerwallcoverings.com/vendor-logos/china-seas.png" alt="China Seas" width="150" style="width:100%; max-width:150px; height:auto; margin:0 auto;">
+ </a>
+ </td>
+ <td class="stack" width="33%" valign="middle" align="center" style="padding: 14px 8px;">
+ <a href="https://designerwallcoverings.com/collections/quadrille-wallcoverings?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://designerwallcoverings.com/vendor-logos/quadrille.png" alt="Quadrille" width="150" style="width:100%; max-width:150px; height:auto; margin:0 auto;">
+ </a>
+ </td>
+ <td class="stack" width="33%" valign="middle" align="center" style="padding: 14px 8px;">
+ <a href="https://designerwallcoverings.com/collections/nina-campbell?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://designerwallcoverings.com/vendor-logos/nina-campbell-shopify.jpg" alt="Nina Campbell" width="120" style="width:100%; max-width:120px; height:auto; margin:0 auto;">
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <td class="stack" width="33%" valign="middle" align="center" style="padding: 14px 8px;">
+ <a href="https://designerwallcoverings.com/collections/schumacher-wallpaper?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://designerwallcoverings.com/vendor-logos/schumacher-shopify.png" alt="Schumacher" width="130" style="width:100%; max-width:130px; height:auto; margin:0 auto;">
+ </a>
+ </td>
+ <td class="stack" width="33%" valign="middle" align="center" style="padding: 14px 8px;">
+ <a href="https://designerwallcoverings.com/collections/thibaut-wallcoverings?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://designerwallcoverings.com/vendor-logos/thibaut.png" alt="Thibaut" width="150" style="width:100%; max-width:150px; height:auto; margin:0 auto;">
+ </a>
+ </td>
+ <td class="stack" width="33%" valign="middle" align="center" style="padding: 14px 8px;">
+ <a href="https://designerwallcoverings.com/collections/cole-sons?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank">
+ <img src="https://designerwallcoverings.com/vendor-logos/cole-son.png" alt="Cole & Son" width="150" style="width:100%; max-width:150px; height:auto; margin:0 auto;">
+ </a>
+ </td>
+ </tr>
+ </table>
+ </td></tr>
+
+ <!-- ============ CLOSING CTA ============ -->
+ <tr><td align="center" style="padding: 48px 36px 24px; border-top: 1px solid #e8e2d6;">
+ <p style="font-family: Georgia, serif; font-size: 14px; line-height: 22px; color: #5a544c; margin: 0;">
+ Every China Seas pattern is available in <em>wallcovering and matching fabric</em>.<br>
+ Memo samples on request. Trade pricing available with verified account.
+ </p>
+ <p style="margin: 24px 0 0;">
+ <a href="https://designerwallcoverings.com/collections/china-seas?utm_source=email&utm_medium=mailer&utm_campaign=china-seas-launch" target="_blank" class="cta-btn" style="display:inline-block; padding:14px 36px; background:#1a1a1a; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; text-decoration:none;">Browse the Full Library</a>
+ </p>
+ </td></tr>
+
+ <!-- ============ FOOTER (CAN-SPAM) ============ -->
+ <tr><td align="center" style="padding: 32px 36px; background: #f4f1ec; border-top: 1px solid #e8e2d6;">
+ <p class="footer-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; color: #8d8478; margin: 0 0 8px;">
+ <strong style="color:#5a544c; letter-spacing: 1px;">DESIGNER WALLCOVERINGS</strong><br>
+ <!-- CAN-SPAM REQUIRES a valid physical postal address — confirm/replace this placeholder at send-prep -->
+ 15442 Ventura Boulevard #102 · Sherman Oaks, CA 91403<br>
+ steve@designerwallcoverings.com · designerwallcoverings.com
+ </p>
+ <p class="footer-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; color: #8d8478; margin: 16px 0 0;">
+ You're receiving this email because you've shopped or registered with Designer Wallcoverings.<br>
+ <a href="{{ unsubscribe }}" style="color:#8d8478; text-decoration: underline;">Unsubscribe</a> ·
+ <a href="{{update_preferences_url}}" style="color:#8d8478; text-decoration: underline;">Update preferences</a>
+ </p>
+ </td></tr>
+
+ </table>
+ <!-- ============ /CONTAINER ============ -->
+
+</td></tr>
+</table>
+</body>
+</html>
← d898edc1 auto-save: 2026-06-24T12:26:52 (2 files) — shopify/scripts/d
·
back to Designer Wallcoverings
·
Add Constant Contact v3 API scaffold for China Seas mailer ( dbcd3125 →