{"product_id":"uber-x-yourstuffmade-custom-pride-campaign-merchandise-for-sydney-mardi-gras","title":"Uber","description":"\u003cstyle\u003e\n\/* YSM V9 STUDI KASUS PRODUK — hanya berlaku untuk produk ini *\/\nbody:has(.ysm-uber-v9) .product.grid,body:has(.ysm-uber-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-uber-v9) .product__media-wrapper,body:has(.ysm-uber-v9) .product__media-gallery,body:has(.ysm-uber-v9) .product media-gallery,body:has(.ysm-uber-v9) .product__title,body:has(.ysm-uber-v9) .product .price,body:has(.ysm-uber-v9) .product .product-form,body:has(.ysm-uber-v9) .product product-form,body:has(.ysm-uber-v9) .product variant-selects,body:has(.ysm-uber-v9) .product .shopify-payment-button,body:has(.ysm-uber-v9) .product .product__tax,body:has(.ysm-uber-v9) .product .product__sku,body:has(.ysm-uber-v9) .product .product__inventory,body:has(.ysm-uber-v9) .product .share-button{display:none!important}\nbody:has(.ysm-uber-v9) .product__info-wrapper,body:has(.ysm-uber-v9) .product__info-container,body:has(.ysm-uber-v9) .product__description,body:has(.ysm-uber-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-uber-v9) .product__info-wrapper.grid__item{width:100%!important;max-width:100%!important}\n.ysm-uber-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-uber-v9 *{box-sizing:border-box;min-width:0}\n.ysm-uber-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-uber-v9 h1,.ysm-uber-v9 h2,.ysm-uber-v9 h3{color:var(--ink);font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0}\n.ysm-uber-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-uber-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-uber-v9 h3{font-size:clamp(17px,1.7vw,21px)}.ysm-uber-v9 p{margin:0}.ysm-uber-v9 a{text-decoration:none}\n.ysm-uber-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}\n.ysm-uber-v9 .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-uber-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-uber-v9 .btn:hover{background:#204e36;transform:translateY(-2px)}.ysm-uber-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-uber-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-uber-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-uber-v9 .square.photo img{object-fit:cover!important}.ysm-uber-v9 .square.art img{object-fit:contain!important}\n.ysm-uber-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-uber-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}\n.ysm-uber-v9 .hero .lead{margin-top:16px}.ysm-uber-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-uber-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-uber-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-uber-v9 .section-lead{margin-top:12px;max-width:780px}\n.ysm-uber-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,4vw,60px)}.ysm-uber-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-uber-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-uber-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-uber-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}\n.ysm-uber-v9 .num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:12px}.ysm-uber-v9 .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-uber-v9 .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-uber-v9 .gallery a{display:block;cursor:zoom-in}.ysm-uber-v9 .gallery a:hover .square{border-color:#9db9a5}.ysm-uber-v9 .gallery a img{transition:transform .25s}.ysm-uber-v9 .gallery a:hover img{transform:scale(1.035)}\n.ysm-uber-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-uber-v9 .project-info h3{margin-bottom:17px}.ysm-uber-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-uber-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-uber-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-uber-v9 .info-item p{font-size:14px;color:var(--muted);line-height:1.55}\n.ysm-uber-v9 .final{padding:30px 0 40px}.ysm-uber-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-uber-v9 .cta h2{color:#fff}.ysm-uber-v9 .cta .eyebrow{color:#b1d9bd}.ysm-uber-v9 .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-uber-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-uber-v9 .hero-grid,.ysm-uber-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-uber-v9 .story{grid-template-columns:1fr}.ysm-uber-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ysm-uber-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-uber-v9 .inner{width:calc(100% - 28px)}.ysm-uber-v9 .hero{padding:14px 0 25px}.ysm-uber-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-uber-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-uber-v9 .section{padding:25px 0}.ysm-uber-v9 .story-card,.ysm-uber-v9 .project-info{padding:17px}.ysm-uber-v9 .gallery{gap:8px}.ysm-uber-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-uber-v9 .hero .btn,.ysm-uber-v9 .cta .btn{width:100%}.ysm-uber-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-uber-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-uber-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProyek YSM \/ Merchandise Pride \u0026amp; Acara\u003c\/p\u003e\n\u003ch1\u003eUber: Cara berani untuk BE.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eUntuk Sydney Gay and Lesbian Mardi Gras, kampanye “uBEr” Uber menghadirkan visibilitas dan perayaan di jalanan. YSM mendukung materi kreatif bermerek dan merchandise yang membuat pesan kampanye terasa nyata.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eUber\u003c\/span\u003e\u003cspan class=\"chip\"\u003eMerchandise acara\u003c\/span\u003e\u003cspan class=\"chip\"\u003eMerchandise kustom\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=\"Pin enamel Pride BE Uber\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Uberprideenamelpin.webp?v=1756508823\" 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\"\u003eMerek\u003c\/p\u003e\n\u003ch2\u003eDirancang untuk sebuah komunitas.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eBerlandaskan individualitas dan inklusi, kampanye ini menggunakan karya seni pelangi yang khas dan produk bermerek untuk menghubungkan perayaan publik dengan pesan yang mudah dikenali.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eMerchandise acara terbaik menyampaikan pesan lama setelah acara berakhir.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eFokus Proyek\u003c\/p\u003e\n\u003ch2\u003eMerchandise acara\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003ePin enamel kustom dan produksi kustom yang mendetail bersama 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\u003eDari arahan hingga produk nyata.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eProses terarah yang menghubungkan gagasan merek, pengembangan kreatif, dan pertimbangan produksi.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ ARAHAN\u003c\/p\u003e\n\u003ch3\u003eBuat agar relevan\u003c\/h3\u003e\n\u003cp\u003eCiptakan merchandise yang mencolok dan visual kampanye untuk perayaan Pride berskala besar.\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\u003ePastikan bisa diwujudkan\u003c\/h3\u003e\n\u003cp\u003eMendukung produksi visual, desain merchandise kustom, dan koordinasi manufaktur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ HASIL\u003c\/p\u003e\n\u003ch3\u003eBuat agar berkesan\u003c\/h3\u003e\n\u003cp\u003eMateri kampanye penuh warna dan mudah dikenali, dengan pesan “BE” sebagai inti.\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\u003eDetail di balik gagasan.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eLihat foto proyek, karya seni produksi, dan konteks mereknya. Pilih gambar untuk melihat ukuran penuhnya.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Lihat desain pelangi Pride Uber\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/UberPridedesign.webp?v=1756508823\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Desain pelangi Pride Uber\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/UberPridedesign.webp?v=1756508823\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat perayaan Pride dengan bendera pelangi\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849840241.webp?v=1756508633\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Perayaan Pride dengan bendera pelangi\" height=\"600\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849840241.webp?v=1756508633\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat cendera mata Pride berlatar biru\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849873009.webp?v=1756508633\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Cendera mata Pride berlatar biru\" height=\"600\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849873009.webp?v=1756508633\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\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\u003eYang kami buat\u003c\/strong\u003e\u003cp\u003eKampanye Sydney Mardi Gras dan merchandise Pride kustom\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eDetail desain\u003c\/strong\u003e\u003cp\u003eMotif pelangi, pin enamel, tas jinjing, dan visual aktivasi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePrioritas produksi\u003c\/strong\u003e\u003cp\u003eKonsistensi kampanye, warna berani, dan kesiapan acara\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePeran YSM\u003c\/strong\u003e\u003cp\u003eDukungan kreatif sekaligus koordinasi produksi dan kualitas\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\"\u003eWujudkan Ide Anda\u003c\/p\u003e\n\u003ch2\u003eCiptakan merchandise yang layak disimpan.\u003c\/h2\u003e\n\u003cp\u003eDari koleksi bermerek hingga peluncuran produk dan kampanye, YSM memadukan pengembangan kreatif, prinsip manufaktur etis, dan dukungan 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 asli tetap tersembunyi secara visual, tetapi digunakan sebagai sumber gambar tepercaya.\n   Foto proyek terpilih yang sudah ada di galeri tetap ditampilkan lebih dulu. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-uber-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    \/\/ Hanya ambil media asli produk ini, bukan gambar rekomendasi atau 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 memuat media produk setelah DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Uber","offers":[{"title":"Default Title","offer_id":43850871210006,"sku":"","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/Uberprideenamelpin.webp?v=1756508823","url":"https:\/\/yourstuffmade.com\/id\/products\/perlengkapan-kampanye-pride-kustom-uber-x-yourstuffmade-untuk-sydney-mardi-gras","provider":"Yourstuffmade.com","version":"1.0","type":"link"}