{"product_id":"owlcrate-x-yourstuffmade-custom-fantasy-merchandise-for-magical-unboxing-experiences","title":"OwlCrate","description":"\u003c!-- YSM V9 DESKRIPSI PRODUK: OwlCrate --\u003e\n\u003cstyle\u003e\n\/* STUDI KASUS PRODUK YSM V9 — DESKRIPSI MANDIRI *\/\nbody:has(.ysm-product-case) .product.grid{display:block!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important}\nbody:has(.ysm-product-case) .product__media-wrapper,body:has(.ysm-product-case) .product media-gallery,body:has(.ysm-product-case) .product__title,body:has(.ysm-product-case) .product__info-container\u003e.price,body:has(.ysm-product-case) .product__info-container\u003e.product-form,body:has(.ysm-product-case) .product__info-container\u003eproduct-form,body:has(.ysm-product-case) .product__info-container\u003evariant-selects,body:has(.ysm-product-case) .product__info-container\u003e.product-form__input,body:has(.ysm-product-case) .product__info-container\u003e.share-button{display:none!important}\nbody:has(.ysm-product-case) .product__info-wrapper,body:has(.ysm-product-case) .product__info-container,body:has(.ysm-product-case) .product__description{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;margin:0!important;padding:0!important}\n.ysm-product-case{--ink:#203128;--green:#2d684a;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;display:block!important;width:min(1160px,calc(100% - 36px))!important;max-width:1160px!important;margin:0 auto!important;color:var(--ink);font-family:inherit;line-height:1.5;overflow:clip}\n.ysm-product-case *,.ysm-product-case *:before,.ysm-product-case *:after{box-sizing:border-box;min-width:0}\n.ysm-product-case .inner{width:100%;margin-inline:auto}\n.ysm-product-case h1,.ysm-product-case h2,.ysm-product-case h3{font-family:inherit!important;color:var(--ink);font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0!important}\n.ysm-product-case h1{font-size:clamp(33px,4.2vw,58px)!important}.ysm-product-case h2{font-size:clamp(25px,3vw,38px)!important}.ysm-product-case h3{font-size:clamp(17px,1.7vw,21px)!important}\n.ysm-product-case p{margin:0}.ysm-product-case a{text-decoration:none!important}.ysm-product-case .eyebrow{font-size:11px;color:var(--green);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px!important}.ysm-product-case .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-product-case .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:12px 19px;border-radius:10px;background:var(--green);color:#fff!important;font-size:14px;font-weight:750;transition:transform .2s,background .2s}.ysm-product-case .btn:hover{background:#204e36;transform:translateY(-2px)}\n.ysm-product-case .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-product-case .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,52px);align-items:center}.ysm-product-case .hero .lead{margin-top:16px}.ysm-product-case .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-product-case .chip{background:#eaf2eb;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:650}\n.ysm-product-case .square{display:block;position:relative;width:100%;aspect-ratio:1\/1;margin:0!important;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.ysm-product-case .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center;transition:transform .2s}.ysm-product-case .square.art img{object-fit:contain!important}.ysm-product-case .gallery a:hover img{transform:scale(1.035)}\n.ysm-product-case .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-product-case .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(22px,4vw,50px);align-items:center}.ysm-product-case .quote{border-left:3px solid var(--green);padding-left:16px;margin:18px 0 0;font-weight:650;font-size:clamp(17px,1.85vw,22px);line-height:1.4}.ysm-product-case .brand-note{padding:25px;background:var(--soft);border:1px solid var(--line);border-radius:16px;font-size:clamp(20px,2.5vw,30px);font-weight:700;letter-spacing:-.03em}\n.ysm-product-case .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-product-case .story-card{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:22px;transition:transform .2s}.ysm-product-case .story-card:hover{transform:translateY(-3px)}.ysm-product-case .num{font-size:11px;color:var(--green);font-weight:800;letter-spacing:.12em;margin-bottom:12px!important}.ysm-product-case .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-product-case .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-product-case .gallery a{display:block;cursor:zoom-in}\n.ysm-product-case .project-info{padding:22px;margin-top:24px;background:var(--soft);border:1px solid var(--line);border-radius:14px}.ysm-product-case .project-info h3{margin-bottom:17px!important}.ysm-product-case .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-product-case .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-product-case .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-product-case .info-item p{font-size:14px;color:var(--muted)}\n.ysm-product-case .final{padding:30px 0 40px}.ysm-product-case .cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);padding:clamp(25px,4vw,38px);border-radius:17px}.ysm-product-case .cta h2{color:#fff}.ysm-product-case .cta .eyebrow{color:#b1d9bd}.ysm-product-case .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-product-case .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-product-case .hero-grid,.ysm-product-case .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-product-case .story{grid-template-columns:1fr}.ysm-product-case .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ysm-product-case .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-product-case{width:calc(100% - 28px)!important}.ysm-product-case h1{font-size:clamp(31px,8vw,39px)!important}.ysm-product-case h2{font-size:clamp(24px,6vw,30px)!important}.ysm-product-case .section{padding:25px 0}.ysm-product-case .story-card,.ysm-product-case .project-info{padding:17px}.ysm-product-case .info-grid{grid-template-columns:1fr;gap:13px}.ysm-product-case .hero .btn,.ysm-product-case .cta .btn{width:100%}}\n@media(prefers-reduced-motion:reduce){.ysm-product-case *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-product-case ysm-owlcrate-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProyek YSM \/ Kotak Langganan \/ Fantasi \u0026amp; Buku\u003c\/p\u003e\n\u003ch1\u003eOwlCrate: Sedikit keajaiban di setiap kotak.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eYSM membantu OwlCrate mengubah kisah yang terinspirasi fantasi menjadi merchandise kotak langganan yang layak dikoleksi, dirancang untuk menghadirkan rasa penasaran dan kegembiraan saat membuka kotak.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eOwlCrate\u003c\/span\u003e\u003cspan class=\"chip\"\u003eMerchandise kustom\u003c\/span\u003e\u003cspan class=\"chip\"\u003eManufaktur kreatif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eJelajahi manufaktur kustom →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Kotak langganan OwlCrate berisi buku dan barang koleksi bertema fantasi\" height=\"900\" loading=\"eager\" src=\"https:\/\/pinlord.com\/cdn\/shop\/products\/owlcrate-project-default-title-owlcrate-30988846596209.webp?v=1756598361\" 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\"\u003eMereknya\u003c\/p\u003e\n\u003ch2\u003eKreativitas yang bertujuan.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eOwlCrate telah membangun komunitas seputar buku, dunia fantasi, dan kejutan bulanan yang dikurasi dengan cermat. Setiap benda di dalam kotak menjadi kesempatan bagi pembaca untuk membawa sepotong cerita bersama mereka.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eJadikan pengalaman membuka kotak sebagai bagian dari ceritanya.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"brand-note\"\u003eOwlCrate\u003cp style=\"color:var(--muted);font-size:15px;font-weight:400;margin-top:10px\"\u003eProyek manufaktur kustom orisinal 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\"\u003eKolaborasi\u003c\/p\u003e\n\u003ch2\u003eIde bagus, diwujudkan.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:12px\"\u003eYSM membantu OwlCrate mengubah kisah yang terinspirasi fantasi menjadi merchandise kotak langganan yang layak dikoleksi, dirancang untuk menghadirkan rasa penasaran dan kegembiraan saat membuka kotak.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ BRIEF\u003c\/p\u003e\n\u003ch3\u003eTantangan\u003c\/h3\u003e\n\u003cp\u003eMerancang merchandise eksklusif bertema fantasi untuk pembaca dan kolektor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ PERAN YSM\u003c\/p\u003e\n\u003ch3\u003eProses yang terkoordinasi\u003c\/h3\u003e\n\u003cp\u003eMendukung pengembangan kreatif, pembuatan prototipe produk, koordinasi manufaktur, dan pertimbangan pengemasan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ PROYEK\u003c\/p\u003e\n\u003ch3\u003eDiwujudkan\u003c\/h3\u003e\n\u003cp\u003eSuvenir koleksi yang melengkapi kotak langganan pilihan dan memperkuat kesan penemuan.\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\"\u003eGaleri Proyek\u003c\/p\u003e\n\u003ch2\u003eBarang koleksi dari dunia lain.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:12px\"\u003eBenda-benda terinspirasi fantasi, kotak langganan, dan karya seni merek dari proyek yang sudah ada.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\u003ca aria-label=\"Lihat foto proyek asli\" href=\"https:\/\/pinlord.com\/cdn\/shop\/products\/owlcrate-project-default-title-owlcrate-30988846628977.webp?v=1756598361\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Logo merek OwlCrate dan OwlCrate Jr\" height=\"600\" loading=\"lazy\" src=\"https:\/\/pinlord.com\/cdn\/shop\/products\/owlcrate-project-default-title-owlcrate-30988846628977.webp?v=1756598361\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eDetail proyek\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProduk\u003c\/strong\u003e\u003cp\u003ePin enamel koleksi, pembatas buku, alat tulis, aksesori, dan kemasan bertema.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eTarget audiens\u003c\/strong\u003e\u003cp\u003ePembaca fantasi, pencinta buku, dan kolektor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePrioritas produksi\u003c\/strong\u003e\u003cp\u003eKarya seni yang detail, penyelesaian produk, pengalaman pengemasan, dan kualitas yang konsisten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eNilai YSM\u003c\/strong\u003e\u003cp\u003eDukungan manufaktur kreatif untuk berbagai format produk koleksi.\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\"\u003eIde Anda, Terwujud\u003c\/p\u003e\n\u003ch2\u003eJadikan setiap pengalaman membuka kotak tak terlupakan.\u003c\/h2\u003e\n\u003cp\u003eYSM membantu merek mengubah ide kreatif menjadi produk kustom melalui dukungan pengembangan, manufaktur yang dirancang dengan cermat, dan koordinasi produksi langsung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eMulai proyek Anda berikutnya →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: tambahkan Media Produk Shopify asli ke galeri proyek ini.\n   Media bawaan tetap tersembunyi secara visual, tetapi digunakan sebagai sumber gambar yang andal.\n   Foto proyek pilihan yang sudah ada di galeri tetap berada di urutan pertama. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-product-case';\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    \/\/ Hanya ambil media asli produk saat ini, bukan rekomendasi atau gambar navigasi.\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      \/\/ Kecualikan placeholder transparan dan ikon SVG non-gambar.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Foto proyek asli';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Lihat gambar proyek asli: '+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  \/\/ Beberapa tema Shopify merender media produk setelah DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Owlcrate","offers":[{"title":"Default Title","offer_id":43846458966038,"sku":"","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/OwlCrate_x_Pinlord-_Crafting_Magical_Subscription_Boxes_for_Fantasy_Lovers_4.webp?v=1756598596","url":"https:\/\/yourstuffmade.com\/id\/products\/owlcrate-x-yourstuffmade-merchandise-fantasi-kustom-untuk-pengalaman-membuka-kemasan-ajaib","provider":"Yourstuffmade.com","version":"1.0","type":"link"}