{"product_id":"medium-x-yourstuffmade-custom-merchandise-for-camp-medium","title":"Medium","description":"\u003cstyle\u003e\n\/* YSM PRODUCT PROJECT — product-specific layout fix *\/\nbody:has(.ysm-medium-v9) .product.grid,\nbody:has(.ysm-medium-v9) .product:not(.product-card-wrapper .product){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;padding-left:0!important;padding-right:0!important}\nbody:has(.ysm-medium-v9) .product__media-wrapper,\nbody:has(.ysm-medium-v9) .product__media-gallery,\nbody:has(.ysm-medium-v9) .product media-gallery,\nbody:has(.ysm-medium-v9) .product__title,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.price,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product-form,\nbody:has(.ysm-medium-v9) .product__info-container\u003eproduct-form,\nbody:has(.ysm-medium-v9) .product__info-container\u003evariant-selects,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.shopify-payment-button,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product__tax,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product__sku,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product__inventory,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.share-button,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.quantity,\nbody:has(.ysm-medium-v9) .product__info-container\u003e.product-form__input{display:none!important}\nbody:has(.ysm-medium-v9) .product__info-wrapper,\nbody:has(.ysm-medium-v9) .product__info-container,\nbody:has(.ysm-medium-v9) .product__description{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}\n.ysm-medium-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;color:var(--ink);width:100%;max-width:1160px;margin:auto;font-family:inherit;line-height:1.5;overflow:clip}\n.ysm-medium-v9 *{box-sizing:border-box;min-width:0}\n.ysm-medium-v9 .inner{width:min(1100px,calc(100% - 36px));margin-inline:auto}\n.ysm-medium-v9 h1,.ysm-medium-v9 h2,.ysm-medium-v9 h3{color:var(--ink);font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0}\n.ysm-medium-v9 h1{font-size:clamp(32px,4.2vw,56px)}.ysm-medium-v9 h2{font-size:clamp(25px,3vw,37px)}.ysm-medium-v9 h3{font-size:clamp(17px,1.7vw,21px)}.ysm-medium-v9 p{margin:0}.ysm-medium-v9 a{text-decoration:none}\n.ysm-medium-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.ysm-medium-v9 .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-medium-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}.ysm-medium-v9 .btn:hover{background:#204e36;transform:translateY(-2px)}.ysm-medium-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-medium-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}.ysm-medium-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}.ysm-medium-v9 .square.photo img{object-fit:cover!important}.ysm-medium-v9 .square.art img{object-fit:contain!important}\n.ysm-medium-v9 .hero{padding:clamp(18px,3vw,36px) 0 32px}.ysm-medium-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}.ysm-medium-v9 .hero .lead{margin-top:16px}.ysm-medium-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-medium-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-medium-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-medium-v9 .section-lead{margin-top:12px;max-width:780px}\n.ysm-medium-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,4vw,60px)}.ysm-medium-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-medium-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-medium-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-medium-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}.ysm-medium-v9 .num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:12px}.ysm-medium-v9 .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-medium-v9 .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-medium-v9 .gallery a{display:block;cursor:zoom-in}.ysm-medium-v9 .gallery a:hover .square{border-color:#9db9a5}.ysm-medium-v9 .gallery img{transition:transform .25s}.ysm-medium-v9 .gallery a:hover img{transform:scale(1.035)}\n.ysm-medium-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-medium-v9 .project-info h3{margin-bottom:17px}.ysm-medium-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-medium-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-medium-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-medium-v9 .info-item p{font-size:14px;color:var(--muted);line-height:1.55}\n.ysm-medium-v9 .final{padding:30px 0 40px}.ysm-medium-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-medium-v9 .cta h2{color:#fff}.ysm-medium-v9 .cta .eyebrow{color:#b1d9bd}.ysm-medium-v9 .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-medium-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-medium-v9 .hero-grid,.ysm-medium-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-medium-v9 .story{grid-template-columns:1fr}.ysm-medium-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ysm-medium-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-medium-v9 .inner{width:calc(100% - 28px)}.ysm-medium-v9 .hero{padding:14px 0 25px}.ysm-medium-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-medium-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-medium-v9 .section{padding:25px 0}.ysm-medium-v9 .story-card,.ysm-medium-v9 .project-info{padding:17px}.ysm-medium-v9 .gallery{gap:8px}.ysm-medium-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-medium-v9 .hero .btn,.ysm-medium-v9 .cta .btn{width:100%}.ysm-medium-v9 .cta{padding:24px}}@media(prefers-reduced-motion:reduce){.ysm-medium-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-medium-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eYSM-projecten \/ Uitgeven \u0026amp; community-evenementen\u003c\/p\u003e\n\u003ch1\u003eCamp Medium: een creatieve community, tastbaar gemaakt.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eCamp Medium bracht een community van schrijvers en makers samen rond het publicatieplatform Medium. YSM ontwikkelde merchandise voor het evenement die de identiteit van het kamp verbond met de ervaring van deelname en erbij horen.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eMedium\u003c\/span\u003e\u003cspan class=\"chip\"\u003eMerchandise op maat\u003c\/span\u003e\u003cspan class=\"chip\"\u003eYSM-projecten\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eOntdek maatwerkproductie →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Afgewerkte vierkante Camp Medium-speld\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/image_37_03c47772-c113-4944-80c5-468ea810373a.png?v=1691548946\" 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\"\u003eHet merk\u003c\/p\u003e\n\u003ch2\u003eEen community rond ideeën.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eOntwerpen met een kampthema, verzamelspeldjes en draagbare accessoires gaven bezoekers iets bruikbaars en memorabels mee, ook na afloop van het evenement.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eGedeelde ervaringen verdienen souvenirs die mensen echt willen bewaren.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProjectfocus\u003c\/p\u003e\n\u003ch2\u003eMedium\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eProductontwikkeling, weloverwogen details en ondersteuning bij merkgerichte productie met 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\"\u003eDe samenwerking\u003c\/p\u003e\n\u003ch2\u003eVan creatieve briefing tot tastbaar product.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eEen praktisch productieproces dat ontwerp, productie en merkbeleving met elkaar verbindt.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ DE BRIEFING\u003c\/p\u003e\n\u003ch3\u003eHet idee begrijpen\u003c\/h3\u003e\n\u003cp\u003eSamenhangende en fantasierijke merchandise ontwikkelen voor Camp Medium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ DE ROL VAN YSM\u003c\/p\u003e\n\u003ch3\u003eHet realiseren\u003c\/h3\u003e\n\u003cp\u003eOndersteuning bij ontwerpen voor merkgemerkte speldjes, promotionele producten en productieklaar materiaal voor evenementen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ HET RESULTAAT\u003c\/p\u003e\n\u003ch3\u003eHet idee tot leven brengen\u003c\/h3\u003e\n\u003cp\u003eMerchandise op maat met een speelse, door kamperen geïnspireerde visuele identiteit.\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\"\u003eProjectgalerij\u003c\/p\u003e\n\u003ch2\u003eDe details achter het werk.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eOriginele projectfoto's, productontwerpen en creatieve referenties. Selecteer een afbeelding om deze op volledige grootte te openen.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Bekijk het merkpictogram van Medium\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/mediumblack.png?v=1691548946\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Merkpictogram van Medium\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/mediumblack.png?v=1691548946\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Bekijk de Camp Medium ATX-evenementsspeld\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/image-2023-05-07T185600.001.png?v=1691548946\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Camp Medium ATX-evenementsspeld\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/image-2023-05-07T185600.001.png?v=1691548946\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Bekijk de proefontwerpen voor Camp Medium-emailspeldjes\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/CampMedium2022Pins-1.png?v=1691548946\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Proefontwerpen voor Camp Medium-emailspeldjes\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/CampMedium2022Pins-1.png?v=1691548946\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eProjectdetails\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eWat we maakten\u003c\/strong\u003e\u003cp\u003eMerchandise voor Camp Medium-evenementen met merkopdruk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eOntwerpdetails\u003c\/strong\u003e\u003cp\u003eVerzamelspeldjes, kampeermotieven en artwork met merkopdruk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProductieprioriteiten\u003c\/strong\u003e\u003cp\u003eDetails in het artwork, consistente afwerking en productietiming\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eDe rol van YSM\u003c\/strong\u003e\u003cp\u003eOntwerp op maat en coördinatie van de productie\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\"\u003eJouw ideeën, werkelijkheid gemaakt\u003c\/p\u003e\n\u003ch2\u003eMaak merchandise om te bewaren.\u003c\/h2\u003e\n\u003cp\u003eVan bijzondere verzamelobjecten tot complete merchandisecollecties: YSM combineert praktische productontwikkeling, ethische productieprincipes en persoonlijke ondersteuning tijdens de productie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eStart je volgende project →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\u003cscript\u003e\n\/* YSM V9: voeg de oorspronkelijke Shopify-productmedia toe aan de galerij van dit project.\n   De standaardmedia blijven visueel verborgen, maar dienen als betrouwbare afbeeldingsbron.\n   De geselecteerde projectfoto's die al in de galerij staan, blijven vooraan staan. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-medium-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    \/\/ Haal alleen de oorspronkelijke media van het huidige product op, geen aanbevelingen of navigatiebeelden.\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      \/\/ Sluit transparante tijdelijke afbeeldingen en niet-afbeeldings-SVG-pictogrammen uit.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Originele projectfoto';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Bekijk de originele projectafbeelding: '+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  \/\/ Sommige Shopify-thema's laden productmedia pas na DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Medium","offers":[{"title":"Default Title","offer_id":43855854043158,"sku":null,"price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/mediumblack.png?v=1691548946","url":"https:\/\/yourstuffmade.com\/nl\/products\/medium-x-yourstuffmade-merchandise-op-maat-voor-camp-medium","provider":"Yourstuffmade.com","version":"1.0","type":"link"}