[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":106,"_11":12,"_16":17,"_18":19,"_152":153,"_154":155,"_38":21,"_26":27,"_22":156,"_157":158,"_28":159,"_160":135,"_161":31,"_162":104,"_163":-5,"_164":-5},"revision",{"_15":104,"_105":106,"_107":108,"_109":110,"_111":112,"_113":114,"_115":108,"_116":-5,"_32":117,"_118":84,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132},"slug","interactive-lookbook-motion-running","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39},"id","name","Running Lookbook in Motion","description","Interactive activewear lookbook that answers \"how does it move?\" with motion instead of flat shots: a 9:16 VideoPlayer (muted, looping, click-to-play) beside an autoplaying 4:5 MediaCarousel with arrows, dots and swipe, over a four-up ProductCarousel with hover-advance media and inline quick-add. A standalone QuickAdd sits in the spec card so a size can be chosen without scrolling — several sizes are genuinely sold out, so the disabled state is visible in preview rather than theoretical. All controls hold 44px touch targets.","category","interactive","industries",[93],"useCase","product-discovery","mood","editorial","tags",[93,94,95,21,96,97,98,99,100,101,102,103],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/3e7cc363329492bff3acf303bd1ee889d1d6f355e38d0c206ada3d461ba1fc15.webp","islands_used",[71,73,75,77],"props_used",{"_71":72,"_73":74,"_75":76,"_77":78},"theme",{"_47":48,"_49":50},"section",{"_15":40,"_41":42,"_43":44,"_45":46},"interactive-running-lookbook","html","

\n\n

Spring lookbook · in motion

\n See how it moves before you commit\n

\n Flat product shots hide drape. Play the clip, swipe the lookbook, then add a\n size without leaving the page.\n

\n\n

Zephyrunner Wind Shell · 3.4 oz

Packs into its own chest pocket. Two sizes left.

\n\n

","css",".vu-video [data-part=\"root\"] {\n border-radius: 16px;\n overflow: hidden;\n background: var(--lx-text-color);\n}\n.vu-video [data-part=\"play-btn\"],\n.vu-video [data-part=\"control-play\"],\n.vu-video [data-part=\"control-mute\"] {\n background: var(--lx-surface);\n color: var(--lx-text-color);\n border-radius: 999px;\n min-width: 44px;\n min-height: 44px;\n}\n.vu-video [data-part=\"progress-track\"] { background: var(--lx-highlight); }\n.vu-video [data-part=\"progress-fill\"] { background: var(--lx-accent-color); }\n\n.vu-carousel [data-part=\"root\"] { border-radius: 16px; }\n.vu-carousel [data-part=\"arrow-prev\"],\n.vu-carousel [data-part=\"arrow-next\"] {\n background: var(--lx-surface);\n color: var(--lx-text-color);\n border: 1px solid var(--lx-border-color);\n border-radius: 999px;\n min-width: 44px;\n min-height: 44px;\n}\n.vu-carousel [data-part=\"dots\"] { gap: 8px; }\n\n.vu-products [data-part=\"heading\"] {\n font-family: var(--lx-font-heading);\n color: var(--lx-text-color);\n font-size: clamp(1.25rem, 2.2vw, 1.75rem);\n}\n.vu-products [data-part=\"nav-prev\"],\n.vu-products [data-part=\"nav-next\"] {\n background: var(--lx-surface);\n color: var(--lx-text-color);\n border: 1px solid var(--lx-border-color);\n border-radius: 999px;\n min-width: 44px;\n min-height: 44px;\n}\n.vu-products [data-part=\"card-wrapper\"] { border-radius: 14px; }\n\n/* QuickAdd renders a button that opens a size dropdown — keep both on-brand. */\n.vu-quickadd [data-part=\"root\"] { --lx-quickadd-radius: 999px; }\n.vu-quickadd [data-part=\"dropdown\"] {\n background: var(--lx-surface);\n border: 1px solid var(--lx-border-color);\n border-radius: 12px;\n}\n.vu-quickadd [data-part=\"dropdown-label\"] { color: var(--lx-text-muted); }\n.vu-quickadd [data-part=\"variant-btn\"] {\n border: 1px solid var(--lx-border-color);\n border-radius: 8px;\n color: var(--lx-text-color);\n min-width: 44px;\n min-height: 44px;\n}","js","","palette",{"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70},"fonts",{"_51":52,"_53":54},"display","Fraunces","body","Inter","bg","#FBFAF8","accent","#2F4F4F","text","#1A1D1C","surface","#FFFFFF","border","#E6E2DB","highlight","#D9E4DC","secondary","#A67C52","muted","#6F6C67","VideoPlayer",{"_90":91,"_92":84},"MediaCarousel",{"_85":86,"_87":88,"_89":84},"ProductCarousel",{"_81":82,"_83":84},"QuickAdd",{"_79":80},"render","button","columns",4,"hoverAdvance",true,"aspect","4:5","transition","slide","showArrows","aspectRatio","9/16","loop","fashion","activewear","running","lookbook","video","carousel","product-carousel","quick-add","motion","swipeable","shop-the-look","493f5a55-afed-40fb-847a-75872f4a15b3","template_id","b2c86261-3f4f-4bf6-a937-1a302031f782","version",1,"artifact_key","template-catalog/templates/b2c86261-3f4f-4bf6-a937-1a302031f782/revisions/1/template.json","manifest_key","template-catalog/templates/b2c86261-3f4f-4bf6-a937-1a302031f782/revisions/1/manifest.json","artifact_sha256","159a31b1258e63217a1a424ef9d4090287d044ac3529628deec75222652670de","schema_version","renderer_version",[73,75,77,71],"themable","has_js",false,"size_kb",10.5,"validation_status","valid","validation_report",{"_124":84,"_4":148,"_149":150,"_32":151},"media_manifest",[133],"created_at","2026-08-23T07:34:23.253778+00:00","published_at","2026-08-23T07:34:23.876954+00:00",{"_134":135,"_136":31,"_137":138,"_139":140,"_141":-5,"_142":143,"_144":145,"_146":147},"key","template-catalog/media/3e7cc363329492bff3acf303bd1ee889d1d6f355e38d0c206ada3d461ba1fc15.webp","url","sha256","3e7cc363329492bff3acf303bd1ee889d1d6f355e38d0c206ada3d461ba1fc15","source","/templates/thumbs/interactive-lookbook-motion-running.webp","alt_text","provenance","repository migration","size_bytes",24840,"content_type","image/webp",[],"warnings",[],[71,77,73,75],"visibility","global","status","published",[93],"page_types",[165,166],[93,94,95,21,96,97,98,99,100,101,102,103],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","pdp","landing"]