{"product_id":"tomwood-x-yourstuffmade-custom-keychains-for-the-sakura-collection","title":"Tomwood","description":"\u003cstyle\u003e\n\/* YSM V9 PRODUCT CASE STUDY — scoped to this product only *\/\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\"\u003eMga Proyekto ng YSM \/ Marangyang Moda at Mga Aksesorya\u003c\/p\u003e\n\u003ch1\u003eTom Wood: Sakura, ginawang alaala.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eHango sa mga bulaklak ng seresa at sa pagpipigil ng disenyong Scandinavian, kinailangan ng Sakura Collection ng Tom Wood ng pasadyang keychain na may pinong detalye at marangyang dating. Tinulungan ng YSM na maisalin ang konsepto sa isang pisikal na aksesorya.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eTom Wood\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePasadyang metal na mga keychain\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePasadyang paninda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eTuklasin ang pasadyang produksyon →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pilak na Sakura keychain ng 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\"\u003eAng Brand\u003c\/p\u003e\n\u003ch2\u003eDinisenyo para sa isang komunidad.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eKatumpakan, hindi labis na palamuti, ang hamon sa disenyo: isang banayad at tila nililok na anyo, pinakintab na metal, gumaganang kabitan at pinag-isipang mabuti ang pagtatapos.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eMadalas na nasa mga detalyeng piniling alisin ng isang disenyo ang karangyaan.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003ePokus ng Proyekto\u003c\/p\u003e\n\u003ch2\u003ePasadyang metal na mga keychain\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eMga aksesorya sa moda at masusing pasadyang produksyon kasama ang 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\"\u003eAng Pakikipagtulungan\u003c\/p\u003e\n\u003ch2\u003eMula sa panukala hanggang sa aktuwal na produkto.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eIsang nakatuong proseso na nag-uugnay sa mga ideya ng brand, malikhaing pagbuo at mga konsiderasyon sa produksyon.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ ANG PANUKALA\u003c\/p\u003e\n\u003ch3\u003eGawing makabuluhan\u003c\/h3\u003e\n\u003cp\u003eBigyang-buhay ang maselan at minimalistang estilo ng disenyo ng Sakura Collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ GAMPANIN NG YSM\u003c\/p\u003e\n\u003ch3\u003eTiyaking maisasagawa\u003c\/h3\u003e\n\u003cp\u003eTumulong sa mga espesipikasyon, artwork, prototype, pagpili ng mga finish at koordinasyon sa produksyon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ ANG KINALABASAN\u003c\/p\u003e\n\u003ch3\u003eGawing di-malilimutan\u003c\/h3\u003e\n\u003cp\u003eIsang pasadyang metal na keychain na idinisenyo upang bumagay sa pinag-isipang koleksyon ng moda.\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\"\u003eGallery ng Proyekto\u003c\/p\u003e\n\u003ch2\u003eAng mga detalyeng nasa likod ng ideya.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eTingnan ang mga larawan ng proyekto, artwork para sa produksyon at konteksto ng brand. Pumili ng larawan para makita ito nang buo.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Tingnan ang espesipikasyon ng produksyon ng keychain ng 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=\"Espesipikasyon ng produksyon ng keychain ng 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=\"Tingnan ang keychain ng Tom Wood na isinusuot bilang aksesorya\" 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=\"Keychain ng Tom Wood na isinusuot bilang aksesorya\" 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=\"Tingnan ang monogram ng 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=\"Monogram ng 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\u003eMga detalye ng proyekto\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eAng ginawa namin\u003c\/strong\u003e\u003cp\u003eMetal na keychain na may nililok na anyong hango sa Sakura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eMga detalye ng disenyo\u003c\/strong\u003e\u003cp\u003eFinish na nickel-metal, may brand na kabitan at eksaktong sukat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eMga prayoridad sa produksyon\u003c\/strong\u003e\u003cp\u003eTumpak na prototype, marangyang presentasyon at kahandaan sa paglulunsad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eGampanin ng YSM\u003c\/strong\u003e\u003cp\u003eNag-ugnay sa pagbuo ng produkto at nagbigay-pansin sa maliliit na detalye\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\"\u003eIsakatuparan ang Iyong Ideya\u003c\/p\u003e\n\u003ch2\u003eGumawa ng panindang gugustuhin mong itago.\u003c\/h2\u003e\n\u003cp\u003eMula sa mga koleksiyonableng may brand hanggang sa mga paglulunsad ng produkto at kampanya, pinagsasama ng YSM ang malikhaing pagbuo, mga prinsipyong etikal sa pagmamanupaktura at praktikal na suporta sa produksyon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eSimulan ang susunod mong proyekto →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: add the original Shopify Product Media into this project's gallery.\n   Native media stays hidden visually but is used as a reliable image source.\n   The selected project photos already in the gallery remain first. *\/\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    \/\/ Only extract the current product's original media, not recommendations or nav imagery.\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      \/\/ Exclude transparent placeholders and non-image SVG icons.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Orihinal na larawan ng proyekto';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Tingnan ang orihinal na larawan ng proyekto: '+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  \/\/ Some Shopify themes render product media after 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\/fil\/products\/tomwood-x-yourstuffmade-pasadyang-mga-keychain-para-sa-koleksiyong-sakura","provider":"Yourstuffmade.com","version":"1.0","type":"link"}