← back to Dw Pairs Well

tools/grouping-demo.html

174 lines

<!doctype html><meta charset=utf-8>
<title>DW · Collapse colorways — visual proof</title>
<style>
 body{font:15px/1.5 -apple-system,Segoe UI,sans-serif;margin:0;background:#faf8f5;color:#1a1a1a}
 header{padding:22px 28px;background:#111;color:#fff}
 header h1{margin:0;font-size:19px;font-weight:600;letter-spacing:.02em}
 header p{margin:6px 0 0;color:#bbb;font-size:13px}
 .wrap{padding:24px 28px;max-width:1280px;margin:0 auto}
 h2{font:600 15px/1 sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#666;margin:34px 0 14px}
 .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
 .tile{background:#fff;border:1px solid #e7e2da;border-radius:8px;overflow:hidden}
 .tile .hero{width:100%;aspect-ratio:1;object-fit:cover;display:block}
 .meta{padding:11px 13px}
 .pname{font-weight:600;font-size:14px}
 .ven{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#888;margin:2px 0 9px}
 .chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8d2c8;background:#fff;
   border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer}
 .chip .dots{display:inline-flex}
 .chip .dots i{width:15px;height:15px;border-radius:50%;background:#cabfa9;border:2px solid #fff;margin-right:-6px;box-shadow:0 0 0 1px #d8d2c8}
 .chip .car{transition:transform .2s}
 .tile.open .chip .car{transform:rotate(180deg)}
 .note{font-size:11px;margin-top:8px}
 .ways{display:none;flex-wrap:wrap;gap:8px;padding:4px 13px 14px}
 .tile.open .ways{display:flex}
 .cw{display:block;text-decoration:none;color:#444;text-align:center}
 .cw img{object-fit:cover;border-radius:5px;border:1px solid #e7e2da;display:block}
 .cw span{display:block;font-size:9px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#888}
 .diag{display:flex;flex-wrap:wrap;gap:14px}
 .dcl{border:1px dashed #c9b; border-radius:8px;padding:8px;background:#fff}
 .dcl small{display:block;text-align:center;color:#9a2b9a;font-size:10px;margin-top:4px;text-transform:uppercase}
 .legend{font-size:12px;color:#555;background:#fff;border:1px solid #e7e2da;border-radius:8px;padding:12px 16px}
</style>
<header>
 <h1>Designer Wallcoverings — collapse colorways into one pattern tile</h1>
 <p>Real catalog data · each tile = one pattern · “N Colors” expands to the colorways · grouping confirmed by the color-invariant image check (dHash≤16, $0 local)</p>
</header>
<div class="wrap">
 <div class="legend">Click a <b>“N Colors ⌄”</b> chip to expand the confirmed colorways. The coloured dot under each tile reports the image-confirmation status:
 <span style="color:#1c7c3c">● confirmed</span> · <span style="color:#8a6d00">● mostly (outliers split off)</span> · <span style="color:#9a2b2b">● mixed</span>.</div>
 <h2>Collection grid — after (one tile per pattern)</h2>
 <div class="grid">
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/LINSEY_WOOLSEY_SE21-21.jpg?v=1751951871" loading="lazy">
      <div class="meta">
        <div class="pname">Linsey Pvc Free Type Ii Linsey Pvc</div>
        <div class="ven">Koroseal</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i></span>
          1 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#9a2b2b">● 1 confirmed · 13 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/DWK-30461" title="Linsey Pvc Free Type Ii Linsey Pvc-free Type Ii Color 21 / Architectural Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/LINSEY_WOOLSEY_SE21-21.jpg?v=1751951871" style="width:92px;height:92px"><span>Linsey Pvc Free Type Ii Linsey Pvc-free Type Ii Color 21 / Architectural Wallcoverings</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-21_9c24c501-a508-4906-ad9f-7bf9d7d05b8b.jpg?v=1733889981" loading="lazy">
      <div class="meta">
        <div class="pname">Amherst</div>
        <div class="ven">Phillipe Romano</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          9 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#8a6d00">● 9 confirmed · 5 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/XXP-969784" title="Amherst-Fresh Mint Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-21_9c24c501-a508-4906-ad9f-7bf9d7d05b8b.jpg?v=1733889981" style="width:92px;height:92px"><span>Amherst-Fresh Mint Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969785" title="Amherst-Sun Shower Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-22_bc6cf90a-f6da-48dd-ae6a-817b3c900ba4.jpg?v=1733889979" style="width:92px;height:92px"><span>Amherst-Sun Shower Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969786" title="Amherst-Pale Petal Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-23_c6c6fdf4-9f79-4920-88c8-c9b203ea1a8c.jpg?v=1733889976" style="width:92px;height:92px"><span>Amherst-Pale Petal Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969787" title="Amherst-Lilac Tint Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-24_fa93ac36-cd7b-4bfa-9a25-03441ba10d78.jpg?v=1733889973" style="width:92px;height:92px"><span>Amherst-Lilac Tint Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969768" title="Amherst-Dove Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-05_5fc29b5d-6a47-4960-b67e-98d5ddf57aee.jpg?v=1733890021" style="width:92px;height:92px"><span>Amherst-Dove Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969775" title="Amherst-Black Walnut Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-12_678e944a-3725-495b-82fe-c38297936bf8.jpg?v=1733890004" style="width:92px;height:92px"><span>Amherst-Black Walnut Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969781" title="Amherst-Burgundy Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-18_3c6f3f7b-bd63-4054-af92-5a12d8666bb1.jpg?v=1733889989" style="width:92px;height:92px"><span>Amherst-Burgundy Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969782" title="Amherst-Olive Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-19_b4fa4203-6e61-4694-b4ce-f4a2d3340f06.jpg?v=1733889987" style="width:92px;height:92px"><span>Amherst-Olive Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969773" title="Amherst-Fawn Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-WN-10_89d23667-aac6-49ee-9fad-8cf48067223f.jpg?v=1733890009" style="width:92px;height:92px"><span>Amherst-Fawn Durable Vinyl / Phillipe Romano</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/grv-2885_8.jpg?v=1762295987" loading="lazy">
      <div class="meta">
        <div class="pname">Grove</div>
        <div class="ven">Wolf Gordon</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i></span>
          2 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#9a2b2b">● 2 confirmed · 12 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/DWWG-GRV-2885_8" title="Grove - Silver / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/grv-2885_8.jpg?v=1762295987" style="width:92px;height:92px"><span>Grove - Silver / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-GRV-2902_8" title="Grove - Nickel / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/grv-2902_8.jpg?v=1762296600" style="width:92px;height:92px"><span>Grove - Nickel / Wolf Gordon Wallcoverings</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/wwdf-216f.jpg?v=1762312608" loading="lazy">
      <div class="meta">
        <div class="pname">Wonderwood</div>
        <div class="ven">Wolf Gordon</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          4 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#9a2b2b">● 4 confirmed · 10 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/DWWG-WWDF-216_8" title="WonderWood® - Barn Fumed Oak / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/wwdf-216f.jpg?v=1762312608" style="width:92px;height:92px"><span>WonderWood® - Barn Fumed Oak / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-WWDF-209" title="WonderWood® - Australian,  Walnut Qtd / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/wwdf-209f.jpg?v=1762312375" style="width:92px;height:92px"><span>WonderWood® - Australian,  Walnut Qtd / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-WWDF-208" title="WonderWood® - White Oak,  Rift / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/wwdf-208.jpg?v=1762312341" style="width:92px;height:92px"><span>WonderWood® - White Oak,  Rift / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-WWDF-200" title="WonderWood® - Rosewood East Indian Qtd / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/wwdf-200f.jpg?v=1762312088" style="width:92px;height:92px"><span>WonderWood® - Rosewood East Indian Qtd / Wolf Gordon Wallcoverings</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-LS-01_a90bf60c-8954-4fa2-8550-5ca9ecdbd191.jpg?v=1733890788" loading="lazy">
      <div class="meta">
        <div class="pname">Dover</div>
        <div class="ven">Phillipe Romano</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i></span>
          1 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#9a2b2b">● 1 confirmed · 13 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/XXP-969488" title="Dover-Frosty White Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-LS-01_a90bf60c-8954-4fa2-8550-5ca9ecdbd191.jpg?v=1733890788" style="width:92px;height:92px"><span>Dover-Frosty White Durable Vinyl / Phillipe Romano</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-21_d3e1e583-0f99-419c-8b1d-9ee3ec7d72e8.jpg?v=1733890489" loading="lazy">
      <div class="meta">
        <div class="pname">Claremont Silk</div>
        <div class="ven">Phillipe Romano</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          14 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#1c7c3c">● image-confirmed colorways</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/XXP-969591" title="Claremont Silk-Andesite Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-21_d3e1e583-0f99-419c-8b1d-9ee3ec7d72e8.jpg?v=1733890489" style="width:92px;height:92px"><span>Claremont Silk-Andesite Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969594" title="Claremont Silk-Travertine Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-24_815a960b-4ba9-44ae-9acc-03e754af2749.jpg?v=1733890480" style="width:92px;height:92px"><span>Claremont Silk-Travertine Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969577" title="Claremont Silk-Pearl Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-05_4c1a44d6-e75d-4beb-9aa8-bd4e7b35bb1e.jpg?v=1733890534" style="width:92px;height:92px"><span>Claremont Silk-Pearl Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969592" title="Claremont Silk-Onyx Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-22_4f37b39d-aae0-4769-ab5e-817f0d253d3d.jpg?v=1733890486" style="width:92px;height:92px"><span>Claremont Silk-Onyx Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969587" title="Claremont Silk-Emerald Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-16_64811d2d-8157-4fab-ab7c-2246bc75f12f.jpg?v=1733890501" style="width:92px;height:92px"><span>Claremont Silk-Emerald Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969583" title="Claremont Silk-Golden Beryl Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-11_58f14fd1-4807-4f40-852c-b02c8a73596a.jpg?v=1733890516" style="width:92px;height:92px"><span>Claremont Silk-Golden Beryl Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969581" title="Claremont Silk-Lemon Quartz Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-09_eb411c57-29bb-4fd4-a125-4011c97668e4.jpg?v=1733890522" style="width:92px;height:92px"><span>Claremont Silk-Lemon Quartz Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969574" title="Claremont Silk-Grey Star Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-02_b471a388-33c8-4bf3-bcf4-f4da7e6e1fc2.jpg?v=1733890543" style="width:92px;height:92px"><span>Claremont Silk-Grey Star Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969595" title="Claremont Silk-Carnelian Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-25_9c56870a-460c-4c8a-85e7-f7a3fdd85d45.jpg?v=1733890478" style="width:92px;height:92px"><span>Claremont Silk-Carnelian Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969580" title="Claremont Silk-Rock Crystal Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-08_d3f4a189-aec5-4244-8b29-90a7ee8d7a39.jpg?v=1733890525" style="width:92px;height:92px"><span>Claremont Silk-Rock Crystal Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969585" title="Claremont Silk-Silver Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-13_d6fecbcb-79bd-40cd-91ea-0d062d36528c.jpg?v=1733890509" style="width:92px;height:92px"><span>Claremont Silk-Silver Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969589" title="Claremont Silk-Amazonite Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-18_3cb7e2d9-605a-479c-b2d6-bce04ba26f05.jpg?v=1733890495" style="width:92px;height:92px"><span>Claremont Silk-Amazonite Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969582" title="Claremont Silk-Calcite Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-10_596ebaac-139c-40ac-ada4-8c435641cb72.jpg?v=1733890519" style="width:92px;height:92px"><span>Claremont Silk-Calcite Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969579" title="Claremont Silk-Riverstone Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-MS-07_c34ab3c0-e0d7-43e8-91eb-ade892d41c53.jpg?v=1733890528" style="width:92px;height:92px"><span>Claremont Silk-Riverstone Durable Vinyl / Phillipe Romano</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5050.jpg?v=1762292093" loading="lazy">
      <div class="meta">
        <div class="pname">Dasma</div>
        <div class="ven">Wolf Gordon</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          10 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#8a6d00">● 10 confirmed · 4 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5050" title="Dasma - Slate / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5050.jpg?v=1762292093" style="width:92px;height:92px"><span>Dasma - Slate / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5048" title="Dasma - Nickel / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5048.jpg?v=1762292020" style="width:92px;height:92px"><span>Dasma - Nickel / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5041" title="Dasma - Parchment / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5041.jpg?v=1762291757" style="width:92px;height:92px"><span>Dasma - Parchment / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5045" title="Dasma - Bronze / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5045.jpg?v=1762291910" style="width:92px;height:92px"><span>Dasma - Bronze / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5049" title="Dasma - Aquamarine / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5049.jpg?v=1762292057" style="width:92px;height:92px"><span>Dasma - Aquamarine / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5043" title="Dasma - Taupe / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5043.jpg?v=1762291835" style="width:92px;height:92px"><span>Dasma - Taupe / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5053" title="Dasma - Midnight / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5053.jpg?v=1762292207" style="width:92px;height:92px"><span>Dasma - Midnight / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5047" title="Dasma - Silver / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5047_50412f01-1807-46cc-9514-4d1f10afa98d.jpg?v=1762291983" style="width:92px;height:92px"><span>Dasma - Silver / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5038" title="Dasma - Buff / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5038.jpg?v=1762291641" style="width:92px;height:92px"><span>Dasma - Buff / Wolf Gordon Wallcoverings</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWWG-DSM-5040" title="Dasma - Fawn / Wolf Gordon Wallcoverings"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/dsm-5040.jpg?v=1762291717" style="width:92px;height:92px"><span>Dasma - Fawn / Wolf Gordon Wallcoverings</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-11_88e6d082-af1a-4d89-a2f9-b37540da70c0.jpg?v=1733891560" loading="lazy">
      <div class="meta">
        <div class="pname">Troy</div>
        <div class="ven">Phillipe Romano</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          14 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#1c7c3c">● image-confirmed colorways</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/XXP-969151" title="Troy-Mystify Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-11_88e6d082-af1a-4d89-a2f9-b37540da70c0.jpg?v=1733891560" style="width:92px;height:92px"><span>Troy-Mystify Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969156" title="Troy-Pickle Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-22_073ad733-81e9-431a-810e-03d09b807af4.jpg?v=1733891547" style="width:92px;height:92px"><span>Troy-Pickle Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969161" title="Troy-Silver Secret Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-27_4e12cf05-97b0-47a5-a998-6aa1edb6e174.jpg?v=1733891536" style="width:92px;height:92px"><span>Troy-Silver Secret Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969149" title="Troy-Enigma Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-04_eaec5d38-cd23-43e2-ba37-60e73bc9e7d5.jpg?v=1733891564" style="width:92px;height:92px"><span>Troy-Enigma Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969167" title="Troy-Brown Fuddle Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-33_ef09edd5-d499-489d-8cc2-b88ea82e6417.jpg?v=1733891523" style="width:92px;height:92px"><span>Troy-Brown Fuddle Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969154" title="Troy-Almond Squeeze Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-20_3b13b6e5-2483-40de-93a8-569ada45d06f.jpg?v=1733891553" style="width:92px;height:92px"><span>Troy-Almond Squeeze Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969172" title="Troy-Aqua Teaser Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-38_311a9f83-3d35-41b6-aed1-897583d8babc.jpg?v=1733891513" style="width:92px;height:92px"><span>Troy-Aqua Teaser Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969170" title="Troy-Penny Grabber Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-36_a5b755f9-d78c-4ada-9abf-41ed71ab7221.jpg?v=1733891517" style="width:92px;height:92px"><span>Troy-Penny Grabber Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969157" title="Troy-Polar Puzzler Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-23_e59e025d-724e-43e3-a9b9-f2cd5a3f227a.jpg?v=1733891544" style="width:92px;height:92px"><span>Troy-Polar Puzzler Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969164" title="Troy-Shady Maze Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-30_ae700010-5839-4972-8c72-14d688f7c349.jpg?v=1733891530" style="width:92px;height:92px"><span>Troy-Shady Maze Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969160" title="Troy-Teal Twister Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-26_d8aaeb2b-a588-4c53-962b-f2945dd91342.jpg?v=1733891538" style="width:92px;height:92px"><span>Troy-Teal Twister Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969152" title="Troy-Catch 22 Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-12_9ab268f5-49d3-4b93-8f1c-caad886ef3ea.jpg?v=1733891557" style="width:92px;height:92px"><span>Troy-Catch 22 Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969171" title="Troy-Crimson Thrill Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-37_2f454dba-c845-474f-8629-e6a1fb86740f.jpg?v=1733891515" style="width:92px;height:92px"><span>Troy-Crimson Thrill Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969165" title="Troy-Golden Dilemna Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-CN-31_c0c5b4ab-8506-4120-8265-7ade72c3d148.jpg?v=1733891528" style="width:92px;height:92px"><span>Troy-Golden Dilemna Durable Vinyl / Phillipe Romano</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-23_65500001-a88c-4664-a4b1-96391dbee2a4.jpg?v=1733890123" loading="lazy">
      <div class="meta">
        <div class="pname">Merrimack</div>
        <div class="ven">Phillipe Romano</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          14 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#1c7c3c">● image-confirmed colorways</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/XXP-969731" title="Merrimack-Oak Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-23_65500001-a88c-4664-a4b1-96391dbee2a4.jpg?v=1733890123" style="width:92px;height:92px"><span>Merrimack-Oak Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969721" title="Merrimack-Canvas Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-13_22da4288-d68b-44aa-9f17-341e52162ff7.jpg?v=1733890151" style="width:92px;height:92px"><span>Merrimack-Canvas Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969718" title="Merrimack-Cloud Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-10_44265c33-bdca-41f4-95c3-cc28cb95d5f4.jpg?v=1733890157" style="width:92px;height:92px"><span>Merrimack-Cloud Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969732" title="Merrimack-Carmine Rose Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-24_cf25c7e1-77eb-4286-95c1-6d7c0854aef0.jpg?v=1733890120" style="width:92px;height:92px"><span>Merrimack-Carmine Rose Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969715" title="Merrimack-Cool Grey Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-07_8116c4d1-4d7d-4620-847b-d4991e56ca27.jpg?v=1733890164" style="width:92px;height:92px"><span>Merrimack-Cool Grey Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969713" title="Merrimack-Blank Page Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-05_71d60c69-f7ad-4779-a967-ec03173b16ea.jpg?v=1733890169" style="width:92px;height:92px"><span>Merrimack-Blank Page Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969723" title="Merrimack-Warm Greige Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-15_3cff34bb-c32a-44a1-aef1-eae503d2bd48.jpg?v=1733890146" style="width:92px;height:92px"><span>Merrimack-Warm Greige Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969709" title="Merrimack-Pale Sage Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-01_8c6bf691-c128-4db4-b6b7-e987f440aeca.jpg?v=1733890179" style="width:92px;height:92px"><span>Merrimack-Pale Sage Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969714" title="Merrimack-Grey Felt Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-06_c7bfddd6-bac3-46fa-8637-9b4a63821d09.jpg?v=1733890167" style="width:92px;height:92px"><span>Merrimack-Grey Felt Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969726" title="Merrimack-Beige Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-18_c0d67d78-5388-4c46-ac01-ac83ac02dbb3.jpg?v=1733890136" style="width:92px;height:92px"><span>Merrimack-Beige Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969728" title="Merrimack-Tea Wash Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-20_2feefc87-25ee-43ce-87a5-dc5e0ff4c687.jpg?v=1733890131" style="width:92px;height:92px"><span>Merrimack-Tea Wash Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969712" title="Merrimack-Fountain Pen Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-04_510e01ff-9323-4d36-9438-10adc1602975.jpg?v=1733890172" style="width:92px;height:92px"><span>Merrimack-Fountain Pen Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969710" title="Merrimack-Fresh Fern Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-02_ca7a6bec-2310-4571-af89-facef2e3aeb9.jpg?v=1733890176" style="width:92px;height:92px"><span>Merrimack-Fresh Fern Durable Vinyl / Phillipe Romano</span></a><a class="cw" href="https://designerwallcoverings.com/products/XXP-969724" title="Merrimack-Bark Durable Vinyl / Phillipe Romano"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/T2-TX-16_f2a4cc21-d1e3-4e12-9569-08bd9d337e53.jpg?v=1733890144" style="width:92px;height:92px"><span>Merrimack-Bark Durable Vinyl / Phillipe Romano</span></a></div>
    </div>
    <div class="tile">
      <img class="hero" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DWYA-60015-DesignerWallcoverings-Los-AngelesMaya-Romanoff-Wallpaper-MR-NE-1851Rustic-NordicOak-1.jpg?v=1738861056" loading="lazy">
      <div class="meta">
        <div class="pname">Elements</div>
        <div class="ven">Maya Romanoff</div>
        <button class="chip" onclick="this.closest('.tile').classList.toggle('open')">
          <span class="dots"><i></i><i></i><i></i></span>
          4 Colors <span class="car">⌄</span>
        </button>
        <div class="note" style="color:#9a2b2b">● 4 confirmed · 10 split off as different patterns</div>
      </div>
      <div class="ways"><a class="cw" href="https://designerwallcoverings.com/products/DWYA-60015" title="Natural Elements - Rustic - Nordic Oak / Maya Romanoff"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DWYA-60015-DesignerWallcoverings-Los-AngelesMaya-Romanoff-Wallpaper-MR-NE-1851Rustic-NordicOak-1.jpg?v=1738861056" style="width:92px;height:92px"><span>Natural Elements - Rustic - Nordic Oak / Maya Romanoff</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWYA-60012" title="Natural Elements - Refined - Carbonized Silver Birch / Maya Romanoff"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DWYA-60012-DesignerWallcoverings-Los-AngelesMaya-Romanoff-Wallpaper-MR-NE-1222Refined-CarbonizedSilverBirch-1.jpg?v=1738861060" style="width:92px;height:92px"><span>Natural Elements - Refined - Carbonized Silver Birch / Maya Romanoff</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWYA-60014" title="Natural Elements - Refined - Mahogany / Maya Romanoff"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DWYA-60014-DesignerWallcoverings-Los-AngelesMaya-Romanoff-Wallpaper-MR-NE-1608Refined-Mahogany-1.jpg?v=1738861057" style="width:92px;height:92px"><span>Natural Elements - Refined - Mahogany / Maya Romanoff</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWYA-60020" title="Natural Elements - Refined - Ash / Maya Romanoff"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DWYA-60020-DesignerWallcoverings-Los-AngelesMaya-Romanoff-Wallpaper-MR-NE-1X02Refined-Ash-1.jpg?v=1738861048" style="width:92px;height:92px"><span>Natural Elements - Refined - Ash / Maya Romanoff</span></a></div>
    </div></div>
 <h2>Why it's safe — over-grouping is caught, not merged</h2>
 <p>Candidate key grouped <b>14</b> Coordonné products under one generic title. The image check finds <b>12</b> genuinely different patterns — so they are <b>kept separate</b>, not collapsed into a false "14 Colors" tile:</p><div class="diag"><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330019" title="Coordonné Interlock Wallcovering / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/6461186_0936a242-86ec-43b8-a53b-17f3dfe18f8f.jpg?v=1739303768" style="width:70px;height:70px"><span>Coordonné Interlock Wallcovering / Coordone Europe</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330787" title="Clover Cacao / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/B00317_01_51ea4e7e-1e9f-4955-b37b-dfeb0fcac7d9.jpg?v=1739302344" style="width:70px;height:70px"><span>Clover Cacao / Coordone Europe</span></a><small>pattern 1</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330796" title="Paisley Blue / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/B00326_01_6a2e1d88-df43-4253-bf51-50abd8c301bc.jpg?v=1739302325" style="width:70px;height:70px"><span>Paisley Blue / Coordone Europe</span></a><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330965" title="Forja Avio / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/YSP0409_01.jpg?v=1739301948" style="width:70px;height:70px"><span>Forja Avio / Coordone Europe</span></a><small>pattern 2</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330617" title="Sergé Taupe III / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/B00021_01_2.jpg?v=1739302665" style="width:70px;height:70px"><span>Sergé Taupe III / Coordone Europe</span></a><small>pattern 3</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330716" title="Crowned Crane Rose / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/B00163_01_1d272c72-76b0-4aa7-9b7a-4dd6ee673042.jpg?v=1739302476" style="width:70px;height:70px"><span>Crowned Crane Rose / Coordone Europe</span></a><small>pattern 4</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/COR-23079" title="Open Basket Weave / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/products/2079cb76d2ace382a572a94b950f1779.jpg?v=1739304005" style="width:70px;height:70px"><span>Open Basket Weave / Coordone Europe</span></a><small>pattern 5</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330475" title="Leku Estaño / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/A00648_01.jpg?v=1739302934" style="width:70px;height:70px"><span>Leku Estaño / Coordone Europe</span></a><small>pattern 6</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330647" title="Raphia Glacier B00052 / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/B00052_01_2_2b37a09f-a9fd-413a-990a-dc28c290837a.jpg?v=1739302610" style="width:70px;height:70px"><span>Raphia Glacier B00052 / Coordone Europe</span></a><small>pattern 7</small></div><div class="dcl"><a class="cw" href="https://designerwallcoverings.com/products/DWDC-330456" title="Pradera Rosa / Coordone Europe"><img loading="lazy" src="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/A00629_01.jpg?v=1739302964" style="width:70px;height:70px"><span>Pradera Rosa / Coordone Europe</span></a><small>pattern 8</small></div></div>
</div>