{"product_id":"tomwood-x-yourstuffmade-custom-keychains-for-the-sakura-collection","title":"Tomwood","description":"\u003cstyle\u003e\n\/* ÉTUDE DE CAS PRODUIT YSM V9 — limitée à ce produit uniquement *\/\nbody:has(.ysm-tomwood-v9) .product.grid,body:has(.ysm-tomwood-v9) .product:not(.card__inner){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important}\nbody:has(.ysm-tomwood-v9) .product__media-wrapper,body:has(.ysm-tomwood-v9) .product__media-gallery,body:has(.ysm-tomwood-v9) .product media-gallery,body:has(.ysm-tomwood-v9) .product__title,body:has(.ysm-tomwood-v9) .product .price,body:has(.ysm-tomwood-v9) .product .product-form,body:has(.ysm-tomwood-v9) .product product-form,body:has(.ysm-tomwood-v9) .product variant-selects,body:has(.ysm-tomwood-v9) .product .shopify-payment-button,body:has(.ysm-tomwood-v9) .product .product__tax,body:has(.ysm-tomwood-v9) .product .product__sku,body:has(.ysm-tomwood-v9) .product .product__inventory,body:has(.ysm-tomwood-v9) .product .share-button{display:none!important}\nbody:has(.ysm-tomwood-v9) .product__info-wrapper,body:has(.ysm-tomwood-v9) .product__info-container,body:has(.ysm-tomwood-v9) .product__description,body:has(.ysm-tomwood-v9) .product__description .rte{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;padding:0!important;margin-inline:auto!important}\nbody:has(.ysm-tomwood-v9) .product__info-wrapper.grid__item{width:100%!important;max-width:100%!important}\n.ysm-tomwood-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;width:100%;max-width:1160px;margin-inline:auto;color:var(--ink);font-family:inherit;line-height:1.5;overflow:clip}\n.ysm-tomwood-v9 *{box-sizing:border-box;min-width:0}\n.ysm-tomwood-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-tomwood-v9 h1,.ysm-tomwood-v9 h2,.ysm-tomwood-v9 h3{color:var(--ink);font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0}\n.ysm-tomwood-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-tomwood-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-tomwood-v9 h3{font-size:clamp(17px,1.7vw,21px)}.ysm-tomwood-v9 p{margin:0}.ysm-tomwood-v9 a{text-decoration:none}\n.ysm-tomwood-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}\n.ysm-tomwood-v9 .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-tomwood-v9 .btn{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:12px 19px;border-radius:10px;background:var(--green);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none!important;transition:transform .2s,background .2s}\n.ysm-tomwood-v9 .btn:hover{background:#204e36;transform:translateY(-2px)}.ysm-tomwood-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-tomwood-v9 .square{display:block;position:relative;aspect-ratio:1\/1;width:100%;margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}\n.ysm-tomwood-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-position:center}\n.ysm-tomwood-v9 .square.photo img{object-fit:cover!important}.ysm-tomwood-v9 .square.art img{object-fit:contain!important}\n.ysm-tomwood-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-tomwood-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}\n.ysm-tomwood-v9 .hero .lead{margin-top:16px}.ysm-tomwood-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-tomwood-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-tomwood-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-tomwood-v9 .section-lead{margin-top:12px;max-width:780px}\n.ysm-tomwood-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,4vw,60px)}.ysm-tomwood-v9 .quote{border-left:3px solid var(--green);padding-left:16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);line-height:1.4;font-weight:650;letter-spacing:-.02em}\n.ysm-tomwood-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-tomwood-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-tomwood-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}\n.ysm-tomwood-v9 .num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:12px}.ysm-tomwood-v9 .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-tomwood-v9 .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-tomwood-v9 .gallery a{display:block;cursor:zoom-in}.ysm-tomwood-v9 .gallery a:hover .square{border-color:#9db9a5}.ysm-tomwood-v9 .gallery a img{transition:transform .25s}.ysm-tomwood-v9 .gallery a:hover img{transform:scale(1.035)}\n.ysm-tomwood-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-tomwood-v9 .project-info h3{margin-bottom:17px}.ysm-tomwood-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-tomwood-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-tomwood-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-tomwood-v9 .info-item p{font-size:14px;color:var(--muted);line-height:1.55}\n.ysm-tomwood-v9 .final{padding:30px 0 40px}.ysm-tomwood-v9 .cta{padding:clamp(25px,4vw,38px);border-radius:17px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-tomwood-v9 .cta h2{color:#fff}.ysm-tomwood-v9 .cta .eyebrow{color:#b1d9bd}.ysm-tomwood-v9 .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-tomwood-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-tomwood-v9 .hero-grid,.ysm-tomwood-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-tomwood-v9 .story{grid-template-columns:1fr}.ysm-tomwood-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ysm-tomwood-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-tomwood-v9 .inner{width:calc(100% - 28px)}.ysm-tomwood-v9 .hero{padding:14px 0 25px}.ysm-tomwood-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-tomwood-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-tomwood-v9 .section{padding:25px 0}.ysm-tomwood-v9 .story-card,.ysm-tomwood-v9 .project-info{padding:17px}.ysm-tomwood-v9 .gallery{gap:8px}.ysm-tomwood-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-tomwood-v9 .hero .btn,.ysm-tomwood-v9 .cta .btn{width:100%}.ysm-tomwood-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-tomwood-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-tomwood-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProjets YSM \/ Mode et accessoires de luxe\u003c\/p\u003e\n\u003ch1\u003eTom Wood : Sakura, à garder précieusement.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eInspirée par les fleurs de cerisier et la sobriété du design scandinave, la collection Sakura de Tom Wood appelait un porte-clés sur mesure aux détails raffinés et à l’allure haut de gamme. YSM a aidé à donner vie à ce concept sous la forme d’un accessoire concret.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eTom Wood\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePorte-clés en métal sur mesure\u003c\/span\u003e\u003cspan class=\"chip\"\u003eObjets promotionnels sur mesure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eDécouvrez la fabrication sur mesure →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Porte-clés Sakura argenté de Tom Wood\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/tomwood.jpg?v=1775640261\" width=\"900\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner brand-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eLa marque\u003c\/p\u003e\n\u003ch2\u003eImaginé pour une communauté.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eLe défi du design tenait à la précision, et non à la profusion : une forme sculpturale discrète, du métal poli, une attache fonctionnelle et des finitions soigneusement pensées.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eLe luxe réside souvent dans ce qu’un design choisit de laisser de côté.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eAu cœur du projet\u003c\/p\u003e\n\u003ch2\u003ePorte-clés en métal sur mesure\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eAccessoires de mode et fabrication sur mesure détaillée avec YSM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eLa collaboration\u003c\/p\u003e\n\u003ch2\u003eDu cahier des charges au produit fini.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eUn processus ciblé qui relie les idées de la marque, la création et les impératifs de production.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ LE CAHIER DES CHARGES\u003c\/p\u003e\n\u003ch3\u003eCréer un modèle qui a du sens\u003c\/h3\u003e\n\u003cp\u003eRefléter l’esthétique délicate et minimaliste de la collection Sakura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ LE RÔLE DE YSM\u003c\/p\u003e\n\u003ch3\u003eConcevoir un produit fonctionnel\u003c\/h3\u003e\n\u003cp\u003eAccompagner la création des spécifications et des visuels, le prototypage, le choix des finitions et la coordination de la production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ LE RÉSULTAT\u003c\/p\u003e\n\u003ch3\u003eCréer un produit mémorable\u003c\/h3\u003e\n\u003cp\u003eUn porte-clés en métal sur mesure, pensé pour s’harmoniser avec une collection de mode soigneusement conçue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eGalerie du projet\u003c\/p\u003e\n\u003ch2\u003eLes détails qui donnent vie à l’idée.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eDécouvrez des photos du projet, des visuels de production et l’univers de la marque. Sélectionnez une image pour l’afficher en taille réelle.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Afficher les spécifications de production du porte-clés Tom Wood\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/YSM_keychain_-_raymond-01_12.jpg?v=1759974686\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Spécifications de production du porte-clés Tom Wood\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/YSM_keychain_-_raymond-01_12.jpg?v=1759974686\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Afficher le porte-clés Tom Wood porté comme accessoire\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Screenshot_20251007_205623_Instagram2.jpg?v=1759974686\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Porte-clés Tom Wood porté comme accessoire\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Screenshot_20251007_205623_Instagram2.jpg?v=1759974686\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Afficher le monogramme Tom Wood\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/IMG_5880.png?v=1759974686\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Monogramme Tom Wood\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/IMG_5880.png?v=1759974686\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eDétails du projet\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eNotre création\u003c\/strong\u003e\u003cp\u003ePorte-clés sculptural en métal inspiré de Sakura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eDétails du design\u003c\/strong\u003e\u003cp\u003eFinition nickelée, attache personnalisée et dimensions précises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePriorités de production\u003c\/strong\u003e\u003cp\u003eFidélité du prototype, présentation haut de gamme et préparation du lancement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eLe rôle de YSM\u003c\/strong\u003e\u003cp\u003eCoordination du développement produit, avec une attention particulière aux moindres détails\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eDe votre idée à la réalité\u003c\/p\u003e\n\u003ch2\u003eCréez des objets promotionnels à garder.\u003c\/h2\u003e\n\u003cp\u003eDes objets de collection à l’image de votre marque aux lancements de produits et aux campagnes, YSM réunit développement créatif, pratiques de fabrication éthiques et accompagnement concret de la production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eLancez votre prochain projet →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9 : ajouter à la galerie du projet les médias produit Shopify d’origine.\n   Les médias natifs restent masqués, mais servent de source d’image fiable.\n   Les photos du projet déjà sélectionnées dans la galerie restent en premier. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-tomwood-v9';\n  function imageKey(url) {\n    if (!url) return '';\n    try {\n      var parsed = new URL(url, window.location.href);\n      var file = decodeURIComponent(parsed.pathname.split('\/').pop() || '');\n      return file.replace(\/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d*|x\\d+)\\.(?=[^.]+$)\/i, '.').toLowerCase();\n    } catch (e) { return url.split('?')[0].toLowerCase(); }\n  }\n  function bestURL(img) {\n    if (!img) return '';\n    var url = img.getAttribute('data-zoom-src') || img.getAttribute('data-full-src') || '';\n    if (!url) {\n      var srcset = img.getAttribute('srcset') || img.getAttribute('data-srcset') || '';\n      var choices = srcset.split(',').map(function (s) {\n        var match = s.trim().match(\/^(\\S+)\\s+(\\d+)w$\/);\n        return match ? {url:match[1],width:Number(match[2])} : null;\n      }).filter(Boolean).sort(function(a,b){return b.width-a.width;});\n      if (choices.length) url = choices[0].url;\n    }\n    url = url || img.getAttribute('data-src') || img.getAttribute('src') || '';\n    if (url.indexOf('\/\/')===0) url=window.location.protocol+url;\n    return url;\n  }\n  function addProductMedia() {\n    var project = document.querySelector(articleSelector);\n    if (!project) return;\n    var gallery = project.querySelector('[data-ysm-expanded-gallery]');\n    if (!gallery) return;\n    var seen = new Set();\n    project.querySelectorAll('img').forEach(function(img){ seen.add(imageKey(img.getAttribute('src'))); });\n    gallery.querySelectorAll('a[href]').forEach(function(a){ seen.add(imageKey(a.getAttribute('href'))); });\n    \/\/ Extraire uniquement les médias d’origine du produit actuel, pas les recommandations ni les images de navigation.\n    var candidates = document.querySelectorAll(\n      '.product__media-wrapper .product__media-item img, ' +\n      '.product__media-wrapper .product__media img, ' +\n      '.product__media-wrapper media-gallery img, ' +\n      '.product__media-gallery .product__media img, ' +\n      '.product__media-gallery .product__media-item img'\n    );\n    var added = 0;\n    candidates.forEach(function(img){\n      var url=bestURL(img);\n      var key=imageKey(url);\n      if (!url || !key || seen.has(key)) return;\n      \/\/ Exclure les espaces réservés transparents et les icônes SVG qui ne sont pas des images.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Photo originale du projet';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Afficher l’image originale du projet : '+label);\n      var figure=document.createElement('figure');\n      figure.className='square photo';\n      var picture=document.createElement('img');\n      picture.src=url;\n      picture.alt=label;\n      picture.loading='lazy';\n      picture.width=600;\n      picture.height=600;\n      figure.appendChild(picture);\n      a.appendChild(figure);\n      gallery.appendChild(a);\n      added++;\n    });\n    if (added) gallery.setAttribute('data-extra-photos', String(\n      Number(gallery.getAttribute('data-extra-photos')||0)+added\n    ));\n  }\n  if (document.readyState==='loading') {\n    document.addEventListener('DOMContentLoaded',addProductMedia);\n  } else { addProductMedia(); }\n  window.addEventListener('load',addProductMedia,{once:true});\n  \/\/ Certains thèmes Shopify affichent les médias produit après DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Tom Wood Project","offers":[{"title":"Default Title","offer_id":62956147900438,"sku":null,"price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/IMG_5880.png?v=1759974686","url":"https:\/\/yourstuffmade.com\/fr\/products\/tom-wood-x-yourstuffmade-porte-cles-personnalises-pour-la-collection-sakura","provider":"Yourstuffmade.com","version":"1.0","type":"link"}